'libs/sinon',
'modules/documentCanvas/canvas/canvas',
'modules/documentCanvas/canvas/utils',
+'modules/documentCanvas/canvas/documentElement',
'wlxml/wlxml',
-], function($, chai, sinon, canvas, utils, wlxml) {
+], function($, chai, sinon, canvas, utils, documentElement, wlxml) {
'use strict';
/* global describe, it, beforeEach, afterEach */
aTextElement;
canvas.fromXMLDocument(doc);
- aTextElement = utils.findCanvasElementInParent(aTextNode, aTextNode.parent()); // TODO: This really should be easier...
+ aTextElement = utils.getElementForNode(aTextNode);
aTextElement.setText('');
expect(sectionChildren[1].wlxmlNode.getTagName()).to.equal('a');
});
+ it('handles moving text node to another parent', function() {
+ var c = getCanvasFromXML('<section>Alice<div><span>has</span></div>a cat.</section>'),
+ doc = c.wlxmlDocument,
+ text = doc.root.contents()[0],
+ div = doc.root.contents()[1];
+
+ div.append(text);
+
+ var sectionChildren = c.doc().children();
+ expect(sectionChildren.length).to.equal(2);
+ expect(sectionChildren[0].wlxmlNode.sameNode(div)).to.equal(true);
+ expect(sectionChildren[1].getText()).to.equal('a cat.');
+
+ expect(div.contents().length).to.equal(2);
+ expect(div.contents()[0].getTagName()).to.equal('span');
+ expect(div.contents()[1].getText()).to.equal('Alice');
+ });
+
it('handles change in a text node', function() {
var c = getCanvasFromXML('<section>Alice</section>');
c.wlxmlDocument.root.contents()[0].setText('cat');
describe('Custom elements based on wlxml class attribute', function() {
it('allows custom rendering', function() {
- var c = getCanvasFromXML('<section><div class="testClass"></div></section>', [
- {tag: 'div', klass: 'testClass', prototype: {
+ var prototype = $.extend({}, documentElement.DocumentNodeElement.prototype, {
init: function() {
this._container().append('<test></test>');
}
- }, extending: {tag: 'div'}}
+ }),
+ c = getCanvasFromXML('<section><div class="testClass"></div></section>', [
+ {tag: 'div', klass: 'testClass', prototype: prototype}
]);
expect(c.doc().children()[0]._container().children('test').length).to.equal(1); // @!
});
it('allows handling changes to internal structure of rendered node', function() {
- var c = getCanvasFromXML('<section><div class="testClass"><a></a></div></section>', [
- {tag: 'div', klass: 'testClass', prototype: {
+ var prototype = $.extend({}, documentElement.DocumentNodeElement.prototype, {
init: function() {
this.header = $('<h1>');
this._container().append(this.header);
void(event);
this.refresh2();
}
- }, extending: {tag: 'div'}}
+ });
+
+ var c = getCanvasFromXML('<section><div class="testClass"><a></a></div></section>', [
+ {tag: 'div', klass: 'testClass', prototype: prototype}
]);
var node = c.wlxmlDocument.root.contents()[0],