|
@@ -43,7 +43,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const domRoot = document.createElement( 'p' );
|
|
const domRoot = document.createElement( 'p' );
|
|
|
domConverter.bindElements( domRoot, viewRoot );
|
|
domConverter.bindElements( domRoot, viewRoot );
|
|
|
- viewRoot.appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
|
renderer.markedTexts.clear();
|
|
renderer.markedTexts.clear();
|
|
|
renderer.markedAttributes.clear();
|
|
renderer.markedAttributes.clear();
|
|
@@ -59,7 +59,7 @@ describe( 'Renderer', () => {
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
it( 'should mark children which need update', () => {
|
|
it( 'should mark children which need update', () => {
|
|
|
- viewRoot.appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
|
|
|
|
@@ -70,7 +70,7 @@ describe( 'Renderer', () => {
|
|
|
// Overwrite viewRoot with node without coresponding DOM node.
|
|
// Overwrite viewRoot with node without coresponding DOM node.
|
|
|
viewRoot = new ViewElement( 'p' );
|
|
viewRoot = new ViewElement( 'p' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
|
|
|
|
@@ -79,8 +79,8 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
it( 'should mark text which need update', () => {
|
|
it( 'should mark text which need update', () => {
|
|
|
const viewText = new ViewText( 'foo' );
|
|
const viewText = new ViewText( 'foo' );
|
|
|
- viewRoot.appendChildren( viewText );
|
|
|
|
|
- viewText.data = 'bar';
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewText );
|
|
|
|
|
+ viewText._data = 'bar';
|
|
|
|
|
|
|
|
renderer.markToSync( 'text', viewText );
|
|
renderer.markToSync( 'text', viewText );
|
|
|
|
|
|
|
@@ -92,8 +92,8 @@ describe( 'Renderer', () => {
|
|
|
// Overwrite viewRoot with node without coresponding DOM node.
|
|
// Overwrite viewRoot with node without coresponding DOM node.
|
|
|
viewRoot = new ViewElement( 'p' );
|
|
viewRoot = new ViewElement( 'p' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewText );
|
|
|
|
|
- viewText.data = 'bar';
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewText );
|
|
|
|
|
+ viewText._data = 'bar';
|
|
|
|
|
|
|
|
renderer.markToSync( 'text', viewText );
|
|
renderer.markToSync( 'text', viewText );
|
|
|
|
|
|
|
@@ -165,7 +165,7 @@ describe( 'Renderer', () => {
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
it( 'should add children', () => {
|
|
it( 'should add children', () => {
|
|
|
- viewRoot.appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -177,7 +177,7 @@ describe( 'Renderer', () => {
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
it( 'should remove children', () => {
|
|
it( 'should remove children', () => {
|
|
|
- viewRoot.appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( new ViewText( 'foo' ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -185,7 +185,7 @@ describe( 'Renderer', () => {
|
|
|
expect( domRoot.childNodes.length ).to.equal( 1 );
|
|
expect( domRoot.childNodes.length ).to.equal( 1 );
|
|
|
expect( domRoot.childNodes[ 0 ].data ).to.equal( 'foo' );
|
|
expect( domRoot.childNodes[ 0 ].data ).to.equal( 'foo' );
|
|
|
|
|
|
|
|
- viewRoot.removeChildren( 0, 1 );
|
|
|
|
|
|
|
+ viewRoot._removeChildren( 0, 1 );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -197,7 +197,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
it( 'should update text', () => {
|
|
it( 'should update text', () => {
|
|
|
const viewText = new ViewText( 'foo' );
|
|
const viewText = new ViewText( 'foo' );
|
|
|
- viewRoot.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewText );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -205,7 +205,7 @@ describe( 'Renderer', () => {
|
|
|
expect( domRoot.childNodes.length ).to.equal( 1 );
|
|
expect( domRoot.childNodes.length ).to.equal( 1 );
|
|
|
expect( domRoot.childNodes[ 0 ].data ).to.equal( 'foo' );
|
|
expect( domRoot.childNodes[ 0 ].data ).to.equal( 'foo' );
|
|
|
|
|
|
|
|
- viewText.data = 'bar';
|
|
|
|
|
|
|
+ viewText._data = 'bar';
|
|
|
|
|
|
|
|
renderer.markToSync( 'text', viewText );
|
|
renderer.markToSync( 'text', viewText );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -219,7 +219,7 @@ describe( 'Renderer', () => {
|
|
|
it( 'should not update text parent child list changed', () => {
|
|
it( 'should not update text parent child list changed', () => {
|
|
|
const viewImg = new ViewElement( 'img' );
|
|
const viewImg = new ViewElement( 'img' );
|
|
|
const viewText = new ViewText( 'foo' );
|
|
const viewText = new ViewText( 'foo' );
|
|
|
- viewRoot.appendChildren( [ viewImg, viewText ] );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( [ viewImg, viewText ] );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.markToSync( 'text', viewText );
|
|
renderer.markToSync( 'text', viewText );
|
|
@@ -232,7 +232,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
it( 'should not change text if it is the same during text rendering', () => {
|
|
it( 'should not change text if it is the same during text rendering', () => {
|
|
|
const viewText = new ViewText( 'foo' );
|
|
const viewText = new ViewText( 'foo' );
|
|
|
- viewRoot.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewText );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -249,7 +249,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
it( 'should not change text if it is the same during children rendering', () => {
|
|
it( 'should not change text if it is the same during children rendering', () => {
|
|
|
const viewText = new ViewText( 'foo' );
|
|
const viewText = new ViewText( 'foo' );
|
|
|
- viewRoot.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewText );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -266,7 +266,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
it( 'should not change element if it is the same', () => {
|
|
it( 'should not change element if it is the same', () => {
|
|
|
const viewImg = new ViewElement( 'img' );
|
|
const viewImg = new ViewElement( 'img' );
|
|
|
- viewRoot.appendChildren( viewImg );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewImg );
|
|
|
|
|
|
|
|
// This should not be changed during the render.
|
|
// This should not be changed during the render.
|
|
|
const domImg = document.createElement( 'img' );
|
|
const domImg = document.createElement( 'img' );
|
|
@@ -283,14 +283,14 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
it( 'should change element if it is different', () => {
|
|
it( 'should change element if it is different', () => {
|
|
|
const viewImg = new ViewElement( 'img' );
|
|
const viewImg = new ViewElement( 'img' );
|
|
|
- viewRoot.appendChildren( viewImg );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewImg );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
|
|
|
|
|
|
const viewP = new ViewElement( 'p' );
|
|
const viewP = new ViewElement( 'p' );
|
|
|
- viewRoot.removeChildren( 0, 1 );
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._removeChildren( 0, 1 );
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -304,18 +304,18 @@ describe( 'Renderer', () => {
|
|
|
const viewP = new ViewElement( 'p', null, viewFoo );
|
|
const viewP = new ViewElement( 'p', null, viewFoo );
|
|
|
const viewDiv = new ViewElement( 'div', null, viewP );
|
|
const viewDiv = new ViewElement( 'div', null, viewP );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewDiv );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewDiv );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
|
|
|
|
|
|
- viewDiv.removeChildren( 0, 1 );
|
|
|
|
|
|
|
+ viewDiv._removeChildren( 0, 1 );
|
|
|
renderer.markToSync( 'children', viewDiv );
|
|
renderer.markToSync( 'children', viewDiv );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
|
|
|
|
|
|
- viewP.removeChildren( 0, 1 );
|
|
|
|
|
|
|
+ viewP._removeChildren( 0, 1 );
|
|
|
|
|
|
|
|
- viewDiv.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewDiv._appendChildren( viewP );
|
|
|
renderer.markToSync( 'children', viewDiv );
|
|
renderer.markToSync( 'children', viewDiv );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
|
|
|
|
|
@@ -337,21 +337,21 @@ describe( 'Renderer', () => {
|
|
|
const viewP = new ViewElement( 'p' );
|
|
const viewP = new ViewElement( 'p' );
|
|
|
const viewDivInner = new ViewElement( 'div', null, viewP );
|
|
const viewDivInner = new ViewElement( 'div', null, viewP );
|
|
|
const viewDivOuter = new ViewElement( 'div', null, viewDivInner );
|
|
const viewDivOuter = new ViewElement( 'div', null, viewDivInner );
|
|
|
- viewRoot.appendChildren( viewDivOuter );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewDivOuter );
|
|
|
|
|
|
|
|
// Render view tree to DOM.
|
|
// Render view tree to DOM.
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
|
|
|
|
|
|
// Remove div "outer" from root and render it.
|
|
// Remove div "outer" from root and render it.
|
|
|
- viewDivOuter.remove();
|
|
|
|
|
|
|
+ viewDivOuter._remove();
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
|
|
|
|
|
|
// Remove p from div "child" -- div "inner" won't be marked because it is in document fragment not view root.
|
|
// Remove p from div "child" -- div "inner" won't be marked because it is in document fragment not view root.
|
|
|
- viewP.remove();
|
|
|
|
|
|
|
+ viewP._remove();
|
|
|
// Add div "outer" back to root.
|
|
// Add div "outer" back to root.
|
|
|
- viewRoot.appendChildren( viewDivOuter );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewDivOuter );
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
|
|
|
|
|
// Render changes, view is: root -> div "outer" -> div "inner".
|
|
// Render changes, view is: root -> div "outer" -> div "inner".
|
|
@@ -376,18 +376,18 @@ describe( 'Renderer', () => {
|
|
|
const viewP = new ViewElement( 'p', null, viewFoo );
|
|
const viewP = new ViewElement( 'p', null, viewFoo );
|
|
|
const viewDiv = new ViewElement( 'div', null, viewP );
|
|
const viewDiv = new ViewElement( 'div', null, viewP );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewDiv );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewDiv );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
|
|
|
|
|
|
- viewRoot.removeChildren( 0, 1 );
|
|
|
|
|
|
|
+ viewRoot._removeChildren( 0, 1 );
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
|
|
|
|
|
- viewDiv.removeChildren( 0, 1 );
|
|
|
|
|
|
|
+ viewDiv._removeChildren( 0, 1 );
|
|
|
renderer.markToSync( 'children', viewDiv );
|
|
renderer.markToSync( 'children', viewDiv );
|
|
|
|
|
|
|
|
- viewP.removeChildren( 0, 1 );
|
|
|
|
|
|
|
+ viewP._removeChildren( 0, 1 );
|
|
|
renderer.markToSync( 'children', viewP );
|
|
renderer.markToSync( 'children', viewP );
|
|
|
|
|
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -402,7 +402,7 @@ describe( 'Renderer', () => {
|
|
|
'<container:p>foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
'<container:p>foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
|
|
|
|
|
|
const viewRoot = new ViewElement( 'p' );
|
|
const viewRoot = new ViewElement( 'p' );
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -416,7 +416,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b contenteditable="false">[]</attribute:b>bar</container:p>' );
|
|
'<container:p>foo<attribute:b contenteditable="false">[]</attribute:b>bar</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -438,7 +438,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p contenteditable="false">foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
'<container:p contenteditable="false">foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -463,7 +463,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
'<container:p>foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -522,7 +522,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>[]<attribute:b>foo</attribute:b></container:p>' );
|
|
'<container:p>[]<attribute:b>foo</attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -573,7 +573,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p><attribute:b>foo</attribute:b>[]</container:p>' );
|
|
'<container:p><attribute:b>foo</attribute:b>[]</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -623,7 +623,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p><attribute:b>foo</attribute:b>[]<attribute:b>bar</attribute:b></container:p>' );
|
|
'<container:p><attribute:b>foo</attribute:b>[]<attribute:b>bar</attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -651,7 +651,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b>[]</attribute:b><attribute:i></attribute:i></container:p>' );
|
|
'<container:p>foo<attribute:b>[]</attribute:b><attribute:i></attribute:i></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -687,7 +687,7 @@ describe( 'Renderer', () => {
|
|
|
// Step 1: <p>foo<b>"FILLER{}"</b></p>
|
|
// Step 1: <p>foo<b>"FILLER{}"</b></p>
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>foo<attribute:b>[]</attribute:b></container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>foo<attribute:b>[]</attribute:b></container:p>' );
|
|
|
const viewB = viewP.getChild( 1 );
|
|
const viewB = viewP.getChild( 1 );
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -702,7 +702,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
// Step 2: Add text node.
|
|
// Step 2: Add text node.
|
|
|
const viewText = new ViewText( 'x' );
|
|
const viewText = new ViewText( 'x' );
|
|
|
- viewB.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewB._appendChildren( viewText );
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewB );
|
|
renderer.markToSync( 'children', viewB );
|
|
@@ -726,7 +726,7 @@ describe( 'Renderer', () => {
|
|
|
it( 'should remove filler from a modified DOM in case <p>bar<b>foo</b>[]</p>', () => {
|
|
it( 'should remove filler from a modified DOM in case <p>bar<b>foo</b>[]</p>', () => {
|
|
|
// Step 1: <p>bar<b>foo</b>"FILLER{}"</p>
|
|
// Step 1: <p>bar<b>foo</b>"FILLER{}"</p>
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>bar<attribute:b>foo</attribute:b>[]</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>bar<attribute:b>foo</attribute:b>[]</container:p>' );
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -737,7 +737,7 @@ describe( 'Renderer', () => {
|
|
|
expect( domP.childNodes[ 2 ].data ).to.equal( INLINE_FILLER );
|
|
expect( domP.childNodes[ 2 ].data ).to.equal( INLINE_FILLER );
|
|
|
|
|
|
|
|
// Step 2: Remove the <b> and update the selection (<p>bar[]</p>).
|
|
// Step 2: Remove the <b> and update the selection (<p>bar[]</p>).
|
|
|
- viewP.removeChildren( 1 );
|
|
|
|
|
|
|
+ viewP._removeChildren( 1 );
|
|
|
|
|
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 1, viewP, 1 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 1, viewP, 1 ) );
|
|
|
|
|
|
|
@@ -755,7 +755,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewFragment, selection: newSelection } = parse(
|
|
const { view: viewFragment, selection: newSelection } = parse(
|
|
|
'<container:p><attribute:b>foo</attribute:b>[]<attribute:b>bar</attribute:b></container:p><container:p></container:p>'
|
|
'<container:p><attribute:b>foo</attribute:b>[]<attribute:b>bar</attribute:b></container:p><container:p></container:p>'
|
|
|
);
|
|
);
|
|
|
- viewRoot.appendChildren( viewFragment );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewFragment );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -772,9 +772,9 @@ describe( 'Renderer', () => {
|
|
|
// <p>[]</p><p><b>foo</b><b>bar</b></p>
|
|
// <p>[]</p><p><b>foo</b><b>bar</b></p>
|
|
|
const viewP = viewRoot.getChild( 0 );
|
|
const viewP = viewRoot.getChild( 0 );
|
|
|
const viewP2 = viewRoot.getChild( 1 );
|
|
const viewP2 = viewRoot.getChild( 1 );
|
|
|
- const removedChildren = viewP.removeChildren( 0, 2 );
|
|
|
|
|
|
|
+ const removedChildren = viewP._removeChildren( 0, 2 );
|
|
|
|
|
|
|
|
- viewP2.appendChildren( removedChildren );
|
|
|
|
|
|
|
+ viewP2._appendChildren( removedChildren );
|
|
|
|
|
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 0, viewP, 0 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 0, viewP, 0 ) );
|
|
|
|
|
|
|
@@ -797,7 +797,7 @@ describe( 'Renderer', () => {
|
|
|
it( 'should not break when selection is moved to a new element, when filler exists', () => {
|
|
it( 'should not break when selection is moved to a new element, when filler exists', () => {
|
|
|
// Step 1: <p>bar<b>"FILLER{}"</b></p>
|
|
// Step 1: <p>bar<b>"FILLER{}"</b></p>
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>bar<attribute:b>[]</attribute:b></container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>bar<attribute:b>[]</attribute:b></container:p>' );
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -808,10 +808,10 @@ describe( 'Renderer', () => {
|
|
|
expect( domP.childNodes[ 1 ].childNodes[ 0 ].data ).to.equal( INLINE_FILLER );
|
|
expect( domP.childNodes[ 1 ].childNodes[ 0 ].data ).to.equal( INLINE_FILLER );
|
|
|
|
|
|
|
|
// Step 2: Move selection to a new attribute element and remove the previous one
|
|
// Step 2: Move selection to a new attribute element and remove the previous one
|
|
|
- viewP.removeChildren( 1 ); // Remove <b>.
|
|
|
|
|
|
|
+ viewP._removeChildren( 1 ); // Remove <b>.
|
|
|
|
|
|
|
|
const viewI = parse( '<attribute:i></attribute:i>' );
|
|
const viewI = parse( '<attribute:i></attribute:i>' );
|
|
|
- viewP.appendChildren( viewI );
|
|
|
|
|
|
|
+ viewP._appendChildren( viewI );
|
|
|
|
|
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewI, 0, viewI, 0 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewI, 0, viewI, 0 ) );
|
|
|
|
|
|
|
@@ -829,7 +829,7 @@ describe( 'Renderer', () => {
|
|
|
it( 'should remove inline filler if selection is before a view element not bound to dom', () => {
|
|
it( 'should remove inline filler if selection is before a view element not bound to dom', () => {
|
|
|
// Step 1: <p>bar<b>abc</b>"FILLER"{}</p>
|
|
// Step 1: <p>bar<b>abc</b>"FILLER"{}</p>
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>bar<attribute:b>abc</attribute:b>[]</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>bar<attribute:b>abc</attribute:b>[]</container:p>' );
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -841,7 +841,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
// Step 2: Move selection to a new attribute element.
|
|
// Step 2: Move selection to a new attribute element.
|
|
|
const viewAbc = parse( 'abc' );
|
|
const viewAbc = parse( 'abc' );
|
|
|
- viewP.appendChildren( viewAbc );
|
|
|
|
|
|
|
+ viewP._appendChildren( viewAbc );
|
|
|
|
|
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 3, viewP, 3 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 3, viewP, 3 ) );
|
|
|
|
|
|
|
@@ -858,7 +858,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>[]</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>[]</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -885,7 +885,7 @@ describe( 'Renderer', () => {
|
|
|
domSelection.addRange( domRange );
|
|
domSelection.addRange( domRange );
|
|
|
|
|
|
|
|
const viewText = new ViewText( 'x' );
|
|
const viewText = new ViewText( 'x' );
|
|
|
- viewP.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewP._appendChildren( viewText );
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewP );
|
|
renderer.markToSync( 'children', viewP );
|
|
@@ -897,7 +897,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>[]</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>[]</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -915,7 +915,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
// Add text node only in View <p>x{}</p>
|
|
// Add text node only in View <p>x{}</p>
|
|
|
const viewText = new ViewText( 'x' );
|
|
const viewText = new ViewText( 'x' );
|
|
|
- viewP.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewP._appendChildren( viewText );
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewP );
|
|
renderer.markToSync( 'children', viewP );
|
|
@@ -935,7 +935,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>x{}</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>x{}</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -961,7 +961,7 @@ describe( 'Renderer', () => {
|
|
|
domRange.collapse( true );
|
|
domRange.collapse( true );
|
|
|
domSelection.addRange( domRange );
|
|
domSelection.addRange( domRange );
|
|
|
|
|
|
|
|
- viewP.removeChildren( 0 );
|
|
|
|
|
|
|
+ viewP._removeChildren( 0 );
|
|
|
|
|
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 0, viewP, 0 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewP, 0, viewP, 0 ) );
|
|
|
|
|
|
|
@@ -977,7 +977,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p><attribute:b>[]</attribute:b>foo</container:p>' );
|
|
'<container:p><attribute:b>[]</attribute:b>foo</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1013,7 +1013,7 @@ describe( 'Renderer', () => {
|
|
|
domSelection.addRange( domRange );
|
|
domSelection.addRange( domRange );
|
|
|
|
|
|
|
|
const viewText = new ViewText( 'x' );
|
|
const viewText = new ViewText( 'x' );
|
|
|
- viewB.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewB._appendChildren( viewText );
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewP );
|
|
renderer.markToSync( 'children', viewP );
|
|
@@ -1028,7 +1028,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p><attribute:b>[]</attribute:b>foo</container:p>' );
|
|
'<container:p><attribute:b>[]</attribute:b>foo</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1056,7 +1056,7 @@ describe( 'Renderer', () => {
|
|
|
// 3. Add text node only to the view: <p><b>x{}</b>foo</p>.
|
|
// 3. Add text node only to the view: <p><b>x{}</b>foo</p>.
|
|
|
|
|
|
|
|
const viewText = new ViewText( 'x' );
|
|
const viewText = new ViewText( 'x' );
|
|
|
- viewB.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewB._appendChildren( viewText );
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewB );
|
|
renderer.markToSync( 'children', viewB );
|
|
@@ -1091,7 +1091,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p><attribute:b>[]</attribute:b>foo</container:p>' );
|
|
'<container:p><attribute:b>[]</attribute:b>foo</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1119,7 +1119,7 @@ describe( 'Renderer', () => {
|
|
|
// 3. Add text node only to the view: <p><b>x{}</b>foo</p>.
|
|
// 3. Add text node only to the view: <p><b>x{}</b>foo</p>.
|
|
|
|
|
|
|
|
const viewText = new ViewText( 'x' );
|
|
const viewText = new ViewText( 'x' );
|
|
|
- viewB.appendChildren( viewText );
|
|
|
|
|
|
|
+ viewB._appendChildren( viewText );
|
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
selection._setTo( ViewRange.createFromParentsAndOffsets( viewText, 1, viewText, 1 ) );
|
|
|
|
|
|
|
|
renderer.markToSync( 'text', viewText );
|
|
renderer.markToSync( 'text', viewText );
|
|
@@ -1142,7 +1142,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>fo{o<attribute:b>b}ar</attribute:b></container:p>' );
|
|
'<container:p>fo{o<attribute:b>b}ar</attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1180,7 +1180,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>fo{o}</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>fo{o}</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -1222,7 +1222,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>fo{o}</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>fo{o}</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -1251,7 +1251,7 @@ describe( 'Renderer', () => {
|
|
|
it( 'should not add inline filler after text node', () => {
|
|
it( 'should not add inline filler after text node', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>foo[]</container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>foo[]</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1266,7 +1266,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
'<container:p>foo<attribute:b>[]</attribute:b>bar</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1299,7 +1299,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const { view: view, selection: newSelection } = parse( inputView );
|
|
const { view: view, selection: newSelection } = parse( inputView );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( view );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( view );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1310,9 +1310,9 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
// 3. Move the inline filler parent to a newly created element.
|
|
// 3. Move the inline filler parent to a newly created element.
|
|
|
const viewLi = view.getChild( 0 );
|
|
const viewLi = view.getChild( 0 );
|
|
|
- const viewLiIndented = view.removeChildren( 1, 1 ); // Array with one element.
|
|
|
|
|
|
|
+ const viewLiIndented = view._removeChildren( 1, 1 ); // Array with one element.
|
|
|
const viewUl = new ViewContainerElement( 'ul', null, viewLiIndented );
|
|
const viewUl = new ViewContainerElement( 'ul', null, viewLiIndented );
|
|
|
- viewLi.appendChildren( viewUl );
|
|
|
|
|
|
|
+ viewLi._appendChildren( viewUl );
|
|
|
|
|
|
|
|
// 4. Mark changed items and render the view.
|
|
// 4. Mark changed items and render the view.
|
|
|
renderer.markToSync( 'children', view );
|
|
renderer.markToSync( 'children', view );
|
|
@@ -1360,7 +1360,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>[foo bar]</container:p>'
|
|
'<container:p>[foo bar]</container:p>'
|
|
|
);
|
|
);
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
|
renderer.render();
|
|
renderer.render();
|
|
@@ -1550,7 +1550,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo{}<attribute:b>bar</attribute:b></container:p>' );
|
|
'<container:p>foo{}<attribute:b>bar</attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1590,7 +1590,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b>[]</attribute:b></container:p>' );
|
|
'<container:p>foo<attribute:b>[]</attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1629,7 +1629,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>fo{o}<attribute:b>bar</attribute:b></container:p>' );
|
|
'<container:p>fo{o}<attribute:b>bar</attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1668,7 +1668,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>foo[]<ui:span></ui:span></container:p>' );
|
|
const { view: viewP, selection: newSelection } = parse( '<container:p>foo[]<ui:span></ui:span></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1710,7 +1710,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b>{ba}r</attribute:b></container:p>' );
|
|
'<container:p>foo<attribute:b>{ba}r</attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1748,7 +1748,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b>b{ar}</attribute:b>baz</container:p>' );
|
|
'<container:p>foo<attribute:b>b{ar}</attribute:b>baz</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1786,7 +1786,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>foo<attribute:b><attribute:i>{ba}r</attribute:i></attribute:b></container:p>' );
|
|
'<container:p>foo<attribute:b><attribute:i>{ba}r</attribute:i></attribute:b></container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1824,7 +1824,7 @@ describe( 'Renderer', () => {
|
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
const { view: viewP, selection: newSelection } = parse(
|
|
|
'<container:p>f{oo<attribute:b><attribute:i>bar}</attribute:i></attribute:b>baz</container:p>' );
|
|
'<container:p>f{oo<attribute:b><attribute:i>bar}</attribute:i></attribute:b>baz</container:p>' );
|
|
|
|
|
|
|
|
- viewRoot.appendChildren( viewP );
|
|
|
|
|
|
|
+ viewRoot._appendChildren( viewP );
|
|
|
selection._setTo( newSelection );
|
|
selection._setTo( newSelection );
|
|
|
|
|
|
|
|
renderer.markToSync( 'children', viewRoot );
|
|
renderer.markToSync( 'children', viewRoot );
|
|
@@ -1914,7 +1914,7 @@ describe( 'Renderer', () => {
|
|
|
writer.unwrap( viewDoc.selection.getFirstRange(), new ViewAttributeElement( 'italic' ) );
|
|
writer.unwrap( viewDoc.selection.getFirstRange(), new ViewAttributeElement( 'italic' ) );
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
- viewRoot.getChild( 0 ).getChild( 0 ).getChild( 0 ).data = 'bar';
|
|
|
|
|
|
|
+ viewRoot.getChild( 0 ).getChild( 0 ).getChild( 0 )._data = 'bar';
|
|
|
expect( getViewData( view ) ).to.equal( '<p>[<strong>bar</strong>]</p>' );
|
|
expect( getViewData( view ) ).to.equal( '<p>[<strong>bar</strong>]</p>' );
|
|
|
|
|
|
|
|
// Re-render changes in view to DOM.
|
|
// Re-render changes in view to DOM.
|
|
@@ -1935,7 +1935,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
// Change text and insert new element into paragraph.
|
|
// Change text and insert new element into paragraph.
|
|
|
const textNode = viewRoot.getChild( 0 ).getChild( 0 );
|
|
const textNode = viewRoot.getChild( 0 ).getChild( 0 );
|
|
|
- textNode.data = 'foobar';
|
|
|
|
|
|
|
+ textNode._data = 'foobar';
|
|
|
|
|
|
|
|
view.change( writer => {
|
|
view.change( writer => {
|
|
|
writer.insert( ViewPosition.createAfter( textNode ), new ViewAttributeElement( 'img' ) );
|
|
writer.insert( ViewPosition.createAfter( textNode ), new ViewAttributeElement( 'img' ) );
|
|
@@ -1961,7 +1961,7 @@ describe( 'Renderer', () => {
|
|
|
|
|
|
|
|
// Change text and insert new element into paragraph.
|
|
// Change text and insert new element into paragraph.
|
|
|
const textNode = viewRoot.getChild( 0 ).getChild( 0 );
|
|
const textNode = viewRoot.getChild( 0 ).getChild( 0 );
|
|
|
- textNode.data = 'foobar';
|
|
|
|
|
|
|
+ textNode._data = 'foobar';
|
|
|
|
|
|
|
|
view.change( writer => {
|
|
view.change( writer => {
|
|
|
writer.insert( ViewPosition.createBefore( textNode ), new ViewAttributeElement( 'img' ) );
|
|
writer.insert( ViewPosition.createBefore( textNode ), new ViewAttributeElement( 'img' ) );
|