describe('Canvas', function() {
+
+
+ describe('ZWS', function() {
+ var view, section, textElement;
+
+ beforeEach(function() {
+ var c = canvas.fromXML('<section></section>');
+
+ section = c.doc();
+ textElement = section.children()[0];
+ view = c.view()[0];
+ document.getElementsByTagName('body')[0].appendChild(view);
+ });
+
+ afterEach(function() {
+ view.parentNode.removeChild(view);
+ });
+
+ var getTextContainerNode = function(textElement) {
+ return textElement.dom().contents()[0];
+ }
+
+ it('is set automatically on all empty DocumentTextElements', function() {
+ expect(getTextContainerNode(textElement).data).to.equal(utils.unicode.ZWS);
+
+ var header = section.append({tag: 'header'}),
+ newText = header.append({text: ''}),
+ textNode = getTextContainerNode(textElement);
+
+ expect(textNode.data).to.equal(utils.unicode.ZWS);
+ });
+
+ it('is added automatically when whole text gets deleted', function() {
+ getTextContainerNode(textElement).data = '';
+
+ window.setTimeout(function() {
+ expect(getTextContainerNode(textElement).data).to.equal(utils.unicode.ZWS);
+ }, 0)
+
+ var header = section.append({tag: 'header'}),
+ newText = header.append({text: 'Alice'}),
+ textNode = getTextContainerNode(newText);
+
+ expect(textNode.data).to.have.length('Alice'.length);
+ textNode.data = '';
+
+ window.setTimeout(function() {
+ expect(textNode.data).to.equal(utils.unicode.ZWS);
+ }, 0)
+ });
+ });
+
describe('Internal HTML representation of a DocumentNodeElement', function() {
it('is always a div tag', function() {
['section', 'header', 'span', 'aside', 'figure'].forEach(function(tagName) {
expect(children[2]).to.be.instanceOf(documentElement.DocumentTextElement);
});
});
-
- describe('white characters handling', function() {
- it('says empty element node has no children', function() {
+
+ describe('empty nodes handling', function() {
+ it('says empty element node from XML source has one empty DocumentTextElement', function() {
var c = canvas.fromXML('<section></section>');
- expect(c.doc().children().length).to.equal(0);
+ expect(c.doc().children()).to.have.length(1);
+ expect(c.doc().children()[0].getText()).to.equal('');
});
+
+ it('allows creation of an empty element node', function() {
+ var c = canvas.fromXML('<section></section>'),
+ section = c.doc(),
+ header = section.append({tag: 'header'});
+ expect(header.children()).to.have.length(0);
+ });
+ });
+
+ describe('white characters handling', function() {
+
it('says element node with one space has one DocumentTextElement', function() {
var c = canvas.fromXML('<section> </section>');
expect(c.doc().children().length).to.equal(1);
describe('Basic Element inserting', function() {
it('can put new NodeElement at the end', function() {
- var c = canvas.fromXML('<section></section>'),
+ var c = canvas.fromXML('<section><div></div></section>'),
appended = c.doc().append({tag: 'header', klass: 'some.class'}),
children = c.doc().children();
- expect(children.length).to.equal(1);
- expect(children[0].sameNode(appended)).to.be.true;
+ expect(children.length).to.equal(2);
+ expect(children[1].sameNode(appended)).to.be.true;
});
it('can put new TextElement at the end', function() {
- var c = canvas.fromXML('<section></section>'),
+ var c = canvas.fromXML('<section><div><div></section>'),
appended = c.doc().append({text: 'Alice'}),
children = c.doc().children();
- expect(children.length).to.equal(1);
- expect(children[0].sameNode(appended)).to.be.true;
- expect(children[0].getText()).to.equal('Alice');
+ expect(children.length).to.equal(2);
+ expect(children[1].sameNode(appended)).to.be.true;
+ expect(children[1].getText()).to.equal('Alice');
});
it('can put new NodeElement at the beginning', function() {
expect(sectionChildren[0].getText()).to.equal('Sometext');
});
});
+
+ describe('unwrapping the whole content of a DocumentNodeElement', function() {
+ it('removes a DocumentNodeElement but keeps its content', function() {
+ var c = canvas.fromXML('<section><div>Alice has<span>a</span> cat</div></section>'),
+ section = c.doc(),
+ div = c.doc().children()[0],
+ span = div.children()[1];
+
+ var range = div.unwrapContents(),
+ sectionChildren = section.children();
+
+ expect(sectionChildren).to.have.length(3);
+ expect(sectionChildren[0].getText()).to.equal('Alice has');
+ expect(sectionChildren[1].sameNode(span)).to.equal(true, 'span ok');
+ expect(sectionChildren[2].getText()).to.equal(' cat');
+
+ expect(range.element1.sameNode(sectionChildren[0])).to.equal(true, 'range start ok');
+ expect(range.element2.sameNode(sectionChildren[2])).to.equal(true, 'range end ok');
+ });
+ it('merges text elements on the boundries', function() {
+ var c = canvas.fromXML('<section>Alice<div>has a <span>cat</span>!</div>!!</section>'),
+ section = c.doc(),
+ div = c.doc().children()[1],
+ span = div.children()[1];
+
+ var range = div.unwrapContents(),
+ sectionChildren = section.children();
+
+ expect(sectionChildren).to.have.length(3);
+ expect(sectionChildren[0].getText()).to.equal('Alicehas a ');
+ expect(sectionChildren[1].sameNode(span)).to.equal(true, 'span ok');
+ expect(sectionChildren[2].getText()).to.equal('!!!');
+
+ expect(range.element1.sameNode(sectionChildren[0])).to.equal(true, 'range start ok');
+ expect(range.element2.sameNode(sectionChildren[2])).to.equal(true, 'range end ok');
+ });
+ });
+
});
describe('Lists api', function() {
expect(cursor.isSelectingSiblings()).to.equal(false, '"has" and "big" are not children');
})
-
- describe('zero width space handling', function() {
- it('position range includes ZWS at the boundries of text in case when native selection api doesn\'t', function() {
- var c = canvas.fromXML("<section>Alice</section>"),
- dom = c.doc().dom(),
- textNode = findTextNode(dom, 'Alice'),
- cursor = c.getCursor();
-
- textNode.data = utils.unicode.ZWS + 'Alice';
- getSelection.returns({anchorNode: textNode, anchorOffset: 1, focusNode: textNode, focusOffset: 1});
- expect(cursor.getPosition().offset).to.equal(0);
- expect(cursor.getPosition().offsetAtBeginning).to.equal(true, 'offset at beginning');
-
- textNode.data = 'Alice' + utils.unicode.ZWS;
- getSelection.returns({anchorNode: textNode, anchorOffset: 5, focusNode: textNode, focusOffset: 5});
- expect(cursor.getPosition().offset).to.equal(6);
- expect(cursor.getPosition().offsetAtEnd).to.equal(true, 'offset at end');
- });
- });
});
describe('Serializing document to WLXML', function() {
it('keeps white space between XML nodes - inline case', function() {
var xmlIn = '<section>\n\n\n<span></span>\n\n\n<span></span>\n\n\n</section>',
- c = canvas.fromXML(xmlIn),
- xmlOut = c.toXML();
+ c = canvas.fromXML(xmlIn);
+
+ var xmlOut = c.toXML();
var partsIn = xmlIn.split('\n\n\n'),
partsOut = xmlOut.split('\n\n\n');
fnp / fnpeditor.git / blobdiff