X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/21cd91531dd9c6e88d00da03f6b2f3ad88fb0da0..ae032450627538fabf7df31fbda6cf7bd097b94f:/src/editor/modules/documentCanvas/canvas/canvas.test.js
diff --git a/src/editor/modules/documentCanvas/canvas/canvas.test.js b/src/editor/modules/documentCanvas/canvas/canvas.test.js
index 3b33751..0f01486 100644
--- a/src/editor/modules/documentCanvas/canvas/canvas.test.js
+++ b/src/editor/modules/documentCanvas/canvas/canvas.test.js
@@ -33,6 +33,7 @@ describe('new Canvas', function() {
c = canvas.fromXMLDocument(doc);
expect(c.doc().children()).to.have.length(3);
+ expect(c.doc().children()[0].canvas).to.equal(c);
});
});
@@ -88,6 +89,43 @@ describe('Listening to document changes', function() {
expect(sectionChildren[0].getText()).to.equal('Alice');
expect(sectionChildren[1].getWlxmlTag()).to.equal('a');
});
+
+ it('Handles nodeTagChange event', function() {
+
+ var doc = wlxml.WLXMLDocumentFromXML(''),
+ c = canvas.fromXMLDocument(doc);
+
+ doc.root.contents()[0].setTag('header');
+
+ var headerNode = doc.root.contents()[0],
+ headerElement = c.doc().children()[0];
+
+ expect(headerElement.getWlxmlTag()).to.equal('header', 'element ok');
+
+ /* Make sure we handle invalidation of reference to wlxmlNode after changing its tag */
+ expect(headerNode.getData('canvasElement').sameNode(headerElement)).to.equal(true, 'node->element');
+ expect(headerElement.data('wlxmlNode').sameNode(headerNode)).to.equal(true, 'element->node');
+ });
+
+ it('Handles nodeDetached event for an empty text node', function(done) {
+ var doc = wlxml.WLXMLDocumentFromXML(''),
+ aTextNode = doc.root.contents()[0].contents()[0],
+ aTextElement;
+
+ canvas.fromXMLDocument(doc);
+ aTextElement = utils.findCanvasElementInParent(aTextNode, aTextNode.parent()); // TODO: This really should be easier...
+
+ aTextElement.setText('');
+
+ wait(function() {
+ var parent = aTextElement.parent();
+ expect(aTextElement.getText({raw:true})).to.equal(utils.unicode.ZWS, 'canvas represents this as empty node');
+ aTextElement.data('wlxmlNode').detach();
+ expect(parent.children().length).to.equal(1);
+ expect(parent.children()[0].getWlxmlTag()).to.equal('span');
+ done();
+ });
+ });
});
describe('Cursor', function() {
@@ -147,6 +185,108 @@ describe('Cursor', function() {
expect(cursor.getPosition().offsetAtEnd).to.equal(true, 'offset at end');
});
+ it('recognizes selection start and end on document order', function() {
+ var c = getCanvasFromXML(''),
+ dom = c.doc().dom(),
+ textFirst = findTextNode(dom, 'Alice'),
+ textSecond = findTextNode(dom, 'has a cat'),
+ textAbc = findTextNode(dom, 'abc'),
+ textCde = findTextNode(dom, 'cde'),
+ cursor, label;
+
+ var check = function(label, expected) {
+ var cursor = c.getCursor();
+ label = label + ': ';
+ expect(cursor.getSelectionStart().element.getText()).to.equal(expected.start.text, label + 'start element ok');
+ expect(cursor.getSelectionStart().offset).to.equal(expected.start.offset, label + 'start offset ok');
+ expect(cursor.getSelectionEnd().element.getText()).to.equal(expected.end.text, label + 'end element ok');
+ expect(cursor.getSelectionEnd().offset).to.equal(expected.end.offset, label + 'end offset ok');
+ }
+
+ getSelection.returns({
+ anchorNode: textFirst,
+ focusNode: textFirst,
+ anchorOffset: 1,
+ focusOffset: 3,
+ isCollapsed: false
+ });
+
+ check('same element, anchor first', {
+ start: {text: 'Alice', offset: 1},
+ end: {text: 'Alice', offset:3}
+ });
+
+
+ getSelection.returns({
+ anchorNode: textFirst,
+ focusNode: textFirst,
+ anchorOffset: 3,
+ focusOffset: 1,
+ isCollapsed: false
+ });
+
+ check('same element, anchor second', {
+ start: {text: 'Alice', offset: 1},
+ end: {text: 'Alice', offset:3}
+ });
+
+
+ getSelection.returns({
+ anchorNode: textAbc,
+ focusNode: textCde,
+ anchorOffset: 3,
+ focusOffset: 1,
+ isCollapsed: false
+ });
+
+ check('same parent, anchor first', {
+ start: {text: 'abc', offset: 3},
+ end: {text: 'cde', offset:1}
+ });
+
+
+ getSelection.returns({
+ anchorNode: textCde,
+ focusNode: textAbc,
+ anchorOffset: 1,
+ focusOffset: 3,
+ isCollapsed: false
+ });
+
+ check('same parent, anchor second', {
+ start: {text: 'abc', offset: 3},
+ end: {text: 'cde', offset:1}
+ });
+
+
+ getSelection.returns({
+ anchorNode: textFirst,
+ focusNode: textSecond,
+ anchorOffset: 1,
+ focusOffset: 3,
+ isCollapsed: false
+ });
+
+ check('different parents, anchor first', {
+ start: {text: 'Alice', offset: 1},
+ end: {text: 'has a cat', offset:3}
+ });
+
+
+ getSelection.returns({
+ anchorNode: textSecond,
+ focusNode: textFirst,
+ anchorOffset: 3,
+ focusOffset: 1,
+ isCollapsed: false
+ });
+
+ check('different parents, anchor second', {
+ start: {text: 'Alice', offset: 1},
+ end: {text: 'has a cat', offset:3}
+ });
+ });
+
it('returns boundries of selection when browser selection not collapsed', function() {
var c = getCanvasFromXML(''),
dom = c.doc().dom(),