Fixing documentToolbar position under FF
[fnpeditor.git] / modules / documentCanvas / tests / canvasNode.test.js
1 define([
2 'libs/jquery-1.9.1.min',
3 'libs/chai', 
4 './utils.js',
5 'modules/documentCanvas/canvasNode'
6 ], function($, chai, utils, canvasNode) {
7
8 'use strict';
9
10 var assert = chai.assert;
11
12 var assertDomEqual = function(lhs, rhs) {
13    lhs.attr('id', '');
14    rhs.attr('id', '');
15    return assert.ok(lhs[0].isEqualNode(rhs[0]), 'nodes are equal');
16
17 };
18
19 suite('Create canvas node', function() {  
20     test('from description', function() {
21         var node = canvasNode.create({
22             tag: 'header',
23             klass: 'uri',
24             content: 'some text content',
25             meta: {uri: 'some uri'}
26         });
27         assert.equal(node.getTag(), 'header');
28         assert.equal(node.getClass(), 'uri');
29         assert.equal(node.getContent(), 'some text content');
30         assert.equal(node.getMetaAttr('uri'), 'some uri');
31         assertDomEqual($('<div wlxml-tag="header" wlxml-class="uri" wlxml-meta-uri="some uri">some text content</div>'), node.dom);
32     });
33     
34     test('from dom object', function() {
35         var node = canvasNode.create($('<div wlxml-tag="header" wlxml-class="some-class" id="1" wlxml-meta-uri="some uri">'));
36         assert.equal(node.getTag(), 'header');
37         assert.equal(node.getClass(), 'some-class');
38         assert.equal(node.getMetaAttr('uri'), 'some uri');
39         //assertDomEqual($('<div wlxml-tag="header" wlxml-class="some-class">'), node.dom);
40     });
41 });
42
43 suite('class information', function() {
44     test('class of', function() {
45         var node = canvasNode.create({tag: 'header', klass: 'a-b-c'});
46         assert.ok(node.isOfClass('a'), 'first level');
47         assert.ok(node.isOfClass('a-b'), 'second level');
48         assert.ok(node.isOfClass('a-b-c'), 'third level');
49         assert.notOk(node.isOfClass('b-c'));
50         
51         var node2 = canvasNode.create({tag: 'header'});
52         assert.notOk(node2.isOfClass('b'));
53
54     });
55
56 });
57
58 suite('comparing nodes', function() {
59     test('isSame', function() {
60         var html = '<div wlxml-class="some-class" wlxml-tag="some-tag">';
61         var dom1 = $(html);
62         var dom2 = $(html);
63         assert.ok(canvasNode.create(dom1).isSame(canvasNode.create(dom1)));
64         assert.notOk(canvasNode.create(dom1).isSame(canvasNode.create(dom2)));
65     });
66 });
67
68 suite('meta attributes', function() {
69     test('get list of node\'s meta attributes', function() {
70         var node = canvasNode.create({tag: 'span', klass: 'uri', meta: {uri:'http://some.uri.com'}});
71         var attrs = node.getMetaAttrs();
72         var expected = [{name: 'uri', value: 'http://some.uri.com'}];
73
74         assert.deepEqual(attrs.sort(), expected.sort());
75     });
76
77     test('get list of node\'s meta attributes when attributes not set', function() {
78         var node = canvasNode.create({tag: 'span', klass: 'uri'});
79         var attrs = node.getMetaAttrs();
80         var expected = [{name: 'uri', value: ''}];
81         assert.deepEqual(attrs.sort(), expected.sort());
82     });
83
84     test('set meta attribute', function() {
85         var node = canvasNode.create({tag: 'tag', klass: 'uri', meta: {'uri': 'some uri'}});
86         node.setMetaAttr('uri', 'some uri 2');
87         assert.equal(node.dom.attr('wlxml-meta-uri'), 'some uri 2');
88     });
89
90     test('changing class changes meta attributes', function() {
91         var node = canvasNode.create({tag: 'span', klass: 'uri', meta: {uri: 'http://some.uri.com'}});
92         
93         assert.equal(node.getMetaAttr('uri'), 'http://some.uri.com');
94
95         node.setClass('author');
96
97         assert.equal(node.getMetaAttr('uri'), undefined);
98     });
99
100     test('changing class to another with the same attribute keeps the value', function() {
101         var node = canvasNode.create({tag: 'span', klass: 'uri', meta: {uri: 'http://some.uri.com'}});
102         assert.equal(node.getMetaAttr('uri'), 'http://some.uri.com');
103         node.setClass('uri-subclass');
104         assert.equal(node.getMetaAttr('uri'), 'http://some.uri.com');
105     });
106 });
107
108 });