X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/324bfe12fcbabe4da96256dd98bc16da5be3ab82..c38178af914a1015d94cc0cdef8dbb2a6ea21427:/src/wlxml/wlxml.test.js?ds=inline diff --git a/src/wlxml/wlxml.test.js b/src/wlxml/wlxml.test.js index 7628969..93b6df9 100644 --- a/src/wlxml/wlxml.test.js +++ b/src/wlxml/wlxml.test.js @@ -5,7 +5,8 @@ define([ 'use strict'; -/* global it, describe */ +/* jshint expr:true */ +/* global it, describe, beforeEach */ var expect = chai.expect; @@ -13,6 +14,10 @@ var nodeFromXML = function(xml) { return wlxml.WLXMLElementNodeFromXML(xml); }; +var getDocumentFromXML = function(xml, options) { + return wlxml.WLXMLDocumentFromXML(xml, options || {}); +}; + describe('WLXMLDocument', function() { @@ -22,18 +27,15 @@ describe('WLXMLDocument', function() { expect(node.getClass()).to.equal('class.subclass'); }); - it('returns its attributes as dict', function() { - var node = nodeFromXML('<span meta-attr1="val1" meta-attr2="val2"></span>'); - expect(node.getMetaAttributes()).to.eql([{name: 'attr1', value: 'val1'}, {name: 'attr2', value: 'val2'}]); - }); - - it('returns attributes other than class and meta-* as other attributes', function() { - var node = nodeFromXML('<span class="uri" meta-attr="val" attr1="val1" attr2="val2"></span>'); - expect(node.getOtherAttributes()).to.eql({attr1: 'val1', attr2: 'val2'}); + it('returns its class hierarchy', function() { + var node = nodeFromXML('<div class="a.b.c"></div>'); + expect(node.getClassHierarchy()).to.eql(['', 'a', 'a.b', 'a.b.c']); }); }); describe('White space handling', function() { + /* globals Node */ + it('ignores white space surrounding block elements', function() { var node = nodeFromXML('<section> <div></div> </section>'), contents = node.contents(); @@ -67,6 +69,206 @@ describe('WLXMLDocument', function() { }); }); + describe('formatting output xml', function() { + + /*jshint multistr: true */ + + it('keeps white space between XML nodes', function() { + var xmlIn = '<section>\n\n\n<div></div>\n\n\n<div></div>\n\n\n</section>', + doc = getDocumentFromXML(xmlIn), + xmlOut = doc.toXML(); + + var partsIn = xmlIn.split('\n\n\n'), + partsOut = xmlOut.split('\n\n\n'); + + expect(partsIn).to.deep.equal(partsOut); + }); + + 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>', + doc = getDocumentFromXML(xmlIn), + xmlOut = doc.toXML(); + + var partsIn = xmlIn.split('\n\n\n'), + partsOut = xmlOut.split('\n\n\n'); + expect(partsIn).to.deep.equal(partsOut); + }); + + it('keeps white space at the beginning of text', function() { + var xmlIn = '<section> abc<div>some div</div> abc</section>', + doc = getDocumentFromXML(xmlIn), + xmlOut = doc.toXML(); + + expect(xmlOut).to.equal(xmlIn); + }); + + // it('nests new children block elements', function() { + // var doc = getDocumentFromXML('<section></section>'); + + // doc.root.append({tag: 'header'}); + + // var xmlOut = doc.toXML(); + // expect(xmlOut.split('\n ')[0]).to.equal('<section>', 'nesting start ok'); + // expect(xmlOut.split('\n').slice(-1)[0]).to.equal('</section>', 'nesting end ok'); + + // }); + + // it('doesn\'t nest new children inline elements', function() { + // var doc = getDocumentFromXML('<section></section>'); + + // doc.root.append({tag: 'span'}); + + // var xmlOut = doc.toXML(); + // expect(xmlOut).to.equal('<section><span></span></section>'); + // }); + + it('keeps original white space at the end of text', function() { + + var xmlIn = '<header> Some text ended with white space \ + \ + <span class="uri">Some text</span> some text\ + \ + </header>', + doc = getDocumentFromXML(xmlIn), + xmlOut = doc.toXML(); + + expect(xmlOut).to.equal(xmlIn); + }); + + it('keeps white space around text node', function() { + var xmlIn = '<section>\ + <header>header1</header>\ + Some text surrounded by white space\ + <header>header2</header>\ + </section>', + doc = getDocumentFromXML(xmlIn), + xmlOut = doc.toXML(); + expect(xmlOut).to.equal(xmlIn); + }); + + it('keeps white space around text node - last node case', function() { + var xmlIn = '<section>\ + <header>header</header>\ + \ + Some text surrounded by white space\ + \ + </section>', + doc = getDocumentFromXML(xmlIn), + xmlOut = doc.toXML(); + + expect(xmlOut).to.equal(xmlIn); + }); + + it('keeps white space after detaching text element', function() { + var xmlIn = '<section><header>header</header>\n\ + \n\ + text1\n\ + \n\ + </section>', + expectedXmlOut = '<section><header>header</header>\n\ + \n\ + \n\ + \n\ + </section>', + doc = getDocumentFromXML(xmlIn), + contents = doc.root.contents(), + text = contents[contents.length-1]; + + expect(text.getText()).to.equal('text1'); + + text.detach(); + + var xmlOut = doc.toXML(); + expect(xmlOut).to.equal(expectedXmlOut); + }); + + }); + + describe('Extension', function() { + var doc, extension, testClassNode; + + beforeEach(function() { + doc = getDocumentFromXML('<section>Alice<div class="test_class"></div><div class="test_class.a"></div></section>'); + }); + + it('allows adding method to an ElementNode of specific class', function() { + extension = {wlxmlClass: {test_class: {methods: { + testMethod: function() { return this; } + }}}}; + doc.registerExtension(extension); + testClassNode = doc.root.contents()[1]; + expect(testClassNode.object.testMethod().sameNode(testClassNode)).to.equal(true, '1'); + }); + + it('allows adding non-function properties to an ElementNode of specific class', function() { + extension = {wlxmlClass: {test_class: {methods: { + testProp: 123 + }}}}; + doc.registerExtension(extension); + testClassNode = doc.root.contents()[1]; + expect(testClassNode.object.testProp).to.equal(123); + }); + + it('allows adding transformation to an ElementNode of specific class', function() { + extension = {wlxmlClass: {test_class: {transformations: { + testTransformation: function() { return this; }, + testTransformation2: {impl: function() { return this; }} + }}}}; + doc.registerExtension(extension); + testClassNode = doc.root.contents()[1]; + expect(testClassNode.object.testTransformation().sameNode(testClassNode)).to.equal(true, '1'); + expect(testClassNode.object.testTransformation2().sameNode(testClassNode)).to.equal(true, '1'); + }); + + it('added methods are inherited by nodes with subclasses', function() { + extension = {wlxmlClass: {test_class: {methods: { + testMethod: function() { return this; } + }}}}; + doc.registerExtension(extension); + testClassNode = doc.root.contents()[2]; + expect(testClassNode.object.testMethod().sameNode(testClassNode)).to.equal(true); + }); + it('added transformations are inherited by nodes with subclasses', function() { + extension = {wlxmlClass: {test_class: {transformations: { + testTransformation: function() { return this; }, + testTransformation2: {impl: function() { return this; }} + }}}}; + doc.registerExtension(extension); + testClassNode = doc.root.contents()[2]; + expect(testClassNode.object.testTransformation().sameNode(testClassNode)).to.equal(true, '1'); + expect(testClassNode.object.testTransformation2().sameNode(testClassNode)).to.equal(true, '2'); + }); + }); + + describe('Context roots', function() { + var doc = getDocumentFromXML('<section><div class="a"><div class="b"><div class="c"></div></div></div></section>'); + doc.registerExtension({wlxmlClass: {a: {methods: { + isContextRoot: function(node) { + return node.getClass() === 'b'; + } + }}}}); + + var divA = doc.root.contents()[0], + divB = divA.contents()[0], + divC = divB.contents()[0]; + + it('allows extensions declaring a node as a context root', function() { + expect(divC.isContextRoot()).to.equal(false, 'c is not a context root'); + expect(divB.isContextRoot()).to.equal(true, 'b is a context root'); + expect(divA.isContextRoot()).to.equal(false, 'a is not a context root'); + }); + + it('closes context for parent context quering methods', function() { + expect(divC.isInside('b')).to.equal(true, 'c inside b'); + expect(divC.isInside('a')).to.equal(false, 'c not inside a'); + expect(divC.isInside({tagName: 'section'})).to.equal(false, 'c not inside section'); + + expect(divB.isInside('a')).to.equal(true, 'b inside a'); + expect(divB.isInside({tagName: 'section'})).to.equal(true, 'b inside section'); + + expect(divA.isInside({tagName: 'section'})).to.equal(true, 'a inside section'); + }); + }); }); }); \ No newline at end of file