+
+ it('wraps multiple sibling Elements', function() {
+ var c = canvas.fromXML('<section>Alice<div>has</div><div>a cat</div></section>'),
+ section = c.doc(),
+ aliceText = section.children()[0],
+ firstDiv = section.children()[1],
+ lastDiv = section.children()[section.children().length -1];
+
+ var returned = c.wrapElements({
+ element1: aliceText,
+ element2: lastDiv,
+ _with: {tag: 'header'}
+ });
+
+ var sectionChildren = section.children(),
+ header = sectionChildren[0],
+ headerChildren = header.children();
+
+ expect(sectionChildren).to.have.length(1);
+ expect(header.sameNode(returned)).to.equal(true, 'wrapper returned');
+ expect(headerChildren).to.have.length(3);
+ expect(headerChildren[0].sameNode(aliceText)).to.equal(true, 'first node wrapped');
+ expect(headerChildren[1].sameNode(firstDiv)).to.equal(true, 'second node wrapped');
+ expect(headerChildren[2].sameNode(lastDiv)).to.equal(true, 'third node wrapped');
+ });
+ it('wraps multiple sibling Elements - middle case', function() {
+ var c = canvas.fromXML('<section><div></div>div></div><div></div><div></div></section>'),
+ section = c.doc(),
+ div1 = section.children()[0],
+ div2 = section.children()[1],
+ div3 = section.children()[2],
+ div4 = section.children()[3];
+
+ var returned = c.wrapElements({
+ element1: div2,
+ element2: div3,
+ _with: {tag: 'header'}
+ });
+
+ var sectionChildren = section.children(),
+ header = sectionChildren[1],
+ headerChildren = header.children();
+
+ expect(sectionChildren).to.have.length(3);
+ expect(headerChildren).to.have.length(2);
+ expect(headerChildren[0].sameNode(div2)).to.equal(true, 'first node wrapped');
+ expect(headerChildren[1].sameNode(div3)).to.equal(true, 'second node wrapped');
+ });
+ });
+
+ describe('unwrapping DocumentTextElement from its parent DocumentNodeElement if it\'s its only child', function() {
+ it('unwraps text element from its parent and stays between its old parent siblings', function() {
+ var c = canvas.fromXML('<section><div>Alice</div><div>has</div><div>a cat</div></section>'),
+ section = c.doc(),
+ sectionChildren = section.children(),
+ divAlice = sectionChildren[0],
+ divHas = sectionChildren[1],
+ textHas = divHas.children()[0],
+ divCat = sectionChildren[2];
+
+ var newTextContainer = textHas.unwrap(),
+ sectionChildren = section.children();
+
+ expect(sectionChildren[0].sameNode(divAlice)).to.equal(true, 'divAlice ok');
+ expect(newTextContainer.sameNode(section)).to.equal(true, 'unwrap returns new text parent DocumentNodeElement');
+ expect(sectionChildren[1].getText()).to.equal('has');
+ expect(sectionChildren[2].sameNode(divCat)).to.equal(true, 'divCat ok');
+
+ });
+ it('unwraps and join with its old parent adjacent text elements ', function() {
+ var c = canvas.fromXML('<section>Alice <span>has a</span> cat</section>'),
+ section = c.doc(),
+ text = section.children()[1].children()[0];
+
+ var newTextContainer = text.unwrap();
+
+ expect(section.children().length).to.equal(1, 'section has one child');
+ expect(section.children()[0].getText()).to.equal('Alice has a cat');
+ expect(newTextContainer.sameNode(c.doc())).to.equal(true, 'unwrap returns new text parent DocumentNodeElement');
+ });
+
+ it('unwraps text element from its parent - first child case', function() {
+ var c = canvas.fromXML('<section><span class="uri">Some</span>text</section>'),
+ section = c.doc(),
+ span = section.children()[0];
+
+ span.children()[0].unwrap();
+
+ var sectionChildren = section.children();
+
+ expect(sectionChildren).to.have.length(1);
+ 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');
+ });
+
+ it('merges text elements on the boundries - single child case', function() {
+ var c = canvas.fromXML('<section>Alice <span>has</span> a cat</section>'),
+ section = c.doc(),
+ span = section.children()[1];
+
+ var range = span.unwrapContents(),
+ sectionChildren = section.children();
+
+ expect(sectionChildren).to.have.length(1);
+ expect(sectionChildren[0].getText()).to.equal('Alice has a cat');
+ });