3 'modules/documentCanvas/canvas/canvas',
4 'modules/documentCanvas/canvas/documentElement'
5 ], function(chai, canvas, documentElement) {
9 var expect = chai.expect;
11 describe('Canvas', function() {
12 describe('basic properties', function() {
13 it('renders empty document when canvas created from empty XML', function() {
14 var c = canvas.fromXML('');
15 expect(c.doc()).to.equal(null);
18 it('gives access to its document root node', function() {
19 var c = canvas.fromXML('<section></section>');
20 expect(c.doc().wlxmlTag).to.equal('section');
24 describe('document representation api', function() {
25 describe('document root element', function() {
26 var c = canvas.fromXML('<section></section>');
27 it('exists', function() {
28 expect(c.doc()).to.be.instanceOf(documentElement.DocumentElement);
30 it('is of type DocumentNodeElement', function() {
31 expect(c.doc()).to.be.instanceOf(documentElement.DocumentNodeElement);
35 describe('DocumentElements comparison', function() {
36 it('reports dwo DocumentElements to be the same when they represent the same wlxml document element', function() {
37 var c = canvas.fromXML('<section><div></div><div></div></section>'),
38 first_div1 = c.doc().children()[0],
39 first_div2 = c.doc().children()[0],
40 second_div = c.doc().children()[1];
41 expect(first_div1.sameNode(first_div1)).to.be.true;
42 expect(first_div1.sameNode(first_div2)).to.be.true;
43 expect(first_div1.sameNode(second_div)).to.be.false;
47 describe('traversing', function() {
48 it('reports element nodes', function() {
49 var c = canvas.fromXML('<section><div></div></section>'),
50 children = c.doc().children();
51 expect(children.length).to.equal(1);
52 expect(children[0]).to.be.instanceOf(documentElement.DocumentNodeElement);
54 c = canvas.fromXML('<section><div></div><div></div></section>'),
55 children = c.doc().children();
56 expect(children.length).to.equal(2);
57 expect(children[0]).to.be.instanceOf(documentElement.DocumentNodeElement);
58 expect(children[1]).to.be.instanceOf(documentElement.DocumentNodeElement);
61 it('reports text nodes', function() {
62 var c = canvas.fromXML('<section>Alice</section>'),
63 children = c.doc().children();
64 expect(children.length).to.equal(1);
65 expect(children[0]).to.be.instanceOf(documentElement.DocumentTextElement);
68 describe('accessing parents', function() {
69 it('returns DocumentNodeElement representing parent in wlxml document as DocumentNodeElement parent', function() {
70 var c = canvas.fromXML('<section><div></div></section>'),
71 div = c.doc().children()[0];
72 expect(div.parent().sameNode(c.doc())).to.be.true;
74 it('returns DocumentNodeElement representing parent in wlxml document as DocumentTextElement parent', function() {
75 var c = canvas.fromXML('<section>Alice</section>'),
76 text = c.doc().children()[0];
77 expect(text.parent().sameNode(c.doc())).to.be.true;
82 describe('free text handling', function() {
83 it('sees free text', function() {
84 var c = canvas.fromXML('<section>Alice <span>has</span> a cat</section>'),
85 children = c.doc().children();
86 expect(children.length).to.equal(3);
87 expect(children[0]).to.be.instanceOf(documentElement.DocumentTextElement);
88 expect(children[1]).to.be.instanceOf(documentElement.DocumentNodeElement);
89 expect(children[2]).to.be.instanceOf(documentElement.DocumentTextElement);
92 describe('white characters handling', function() {
93 it('says empty element node has no children', function() {
94 var c = canvas.fromXML('<section></section>');
95 expect(c.doc().children().length).to.equal(0);
97 it('says element node with one space has one DocumentTextElement', function() {
98 var c = canvas.fromXML('<section> </section>');
99 expect(c.doc().children().length).to.equal(1);
100 expect(c.doc().children()[0]).to.be.instanceOf(documentElement.DocumentTextElement);
102 it('ignores white space surrounding block elements', function() {
103 var c = canvas.fromXML('<section> <div></div> </section>');
104 var children = c.doc().children();
105 expect(children.length).to.equal(1);
106 expect(children[0]).to.be.instanceOf(documentElement.DocumentNodeElement);
108 it('ignores white space between block elements', function() {
109 var c = canvas.fromXML('<section><div></div> <div></div></section>');
110 var children = c.doc().children();
111 expect(children.length === 2);
112 [0,1].forEach(function(idx) {
113 expect(children[idx]).to.be.instanceOf(documentElement.DocumentNodeElement);
119 describe('manipulation api', function() {
123 describe('Basic Element inserting', function() {
124 it('can put new NodeElement at the end', function() {
125 var c = canvas.fromXML('<section></section>'),
126 appended = c.doc().append({tag: 'header', klass: 'some.class'}),
127 children = c.doc().children();
129 expect(children.length).to.equal(1);
130 expect(children[0].sameNode(appended));
136 describe('wrapping', function() {
137 it('wraps DocumentNodeElement', function() {
138 var c = canvas.fromXML('<section><div></div></section>'),
139 div = c.doc().children()[0];
141 var returned = div.wrapWithNodeElement({tag: 'header', klass: 'some.class'}),
142 parent = div.parent(),
143 parent2 = c.doc().children()[0];
145 expect(returned.sameNode(parent)).to.be.true;
146 expect(returned.sameNode(parent2)).to.be.true;
148 it('wraps DocumentTextElement', function() {
149 var c = canvas.fromXML('<section>Alice</section>'),
150 text = c.doc().children()[0];
152 var returned = text.wrapWithNodeElement({tag: 'header', klass: 'some.class'}),
153 parent = text.parent(),
154 parent2 = c.doc().children()[0];
156 expect(returned.sameNode(parent)).to.be.true;
157 expect(returned.sameNode(parent2)).to.be.true;
165 /*describe('Canvas', function() {
166 it('can wrap selected document nodes in a list', function() {
167 var c = canvas.fromXML('\
174 var div_alice = c.doc().children({tag: 'div'})[0];
175 var div_cat = c.doc().children({tag: 'div'})[2];
176 c.doc.wrapInList({start: div_alice, end: div_cat});
178 expect(c.doc().children().length === 3)