/**
* @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md.
*/
/* bender-tags: view, browser-only */
import { remove } from 'ckeditor5/engine/view/writer.js';
import ContainerElement from 'ckeditor5/engine/view/containerelement.js';
import Range from 'ckeditor5/engine/view/range.js';
import DocumentFragment from 'ckeditor5/engine/view/documentfragment.js';
import { stringify, parse } from 'ckeditor5/engine/dev-utils/view.js';
import AttributeElement from 'ckeditor5/engine/view/attributeelement.js';
import EmptyElement from 'ckeditor5/engine/view/emptyelement.js';
import CKEditorError from 'ckeditor5/utils/ckeditorerror.js';
describe( 'writer', () => {
/**
* Executes test using `parse` and `stringify` utils functions. Uses range delimiters `[]{}` to create and
* test ranges.
*
* @param {String} input
* @param {String} expectedResult
* @param {String} expectedRemoved
*/
function test( input, expectedResult, expectedRemoved ) {
let { view, selection } = parse( input );
const range = selection.getFirstRange();
const removed = remove( range );
expect( stringify( view, range, { showType: true, showPriority: true } ) ).to.equal( expectedResult );
expect( stringify( removed, null, { showType: true, showPriority: true } ) ).to.equal( expectedRemoved );
}
describe( 'remove', () => {
it( 'should throw when range placed in two containers', () => {
const p1 = new ContainerElement( 'p' );
const p2 = new ContainerElement( 'p' );
expect( () => {
remove( Range.createFromParentsAndOffsets( p1, 0, p2, 0 ) );
} ).to.throw( CKEditorError, 'view-writer-invalid-range-container' );
} );
it( 'should throw when range has no parent container', () => {
const el = new AttributeElement( 'b' );
expect( () => {
remove( Range.createFromParentsAndOffsets( el, 0, el, 0 ) );
} ).to.throw( CKEditorError, 'view-writer-invalid-range-container' );
} );
it( 'should return empty DocumentFragment when range is collapsed', () => {
const p = new ContainerElement( 'p' );
const range = Range.createFromParentsAndOffsets( p, 0, p, 0 );
const fragment = remove( range );
expect( fragment ).to.be.instanceof( DocumentFragment );
expect( fragment.childCount ).to.equal( 0 );
expect( range.isCollapsed ).to.be.true;
} );
it( 'should remove single text node', () => {
test( '[foobar]', '[]', 'foobar' );
} );
it( 'should not leave empty text nodes', () => {
test( '{foobar}', '[]', 'foobar' );
} );
it( 'should remove part of the text node', () => {
test( 'f{oob}ar', 'f{}ar', 'oob' );
} );
it( 'should remove parts of nodes', () => {
test(
'f{ooba}r',
'f[]r',
'ooba'
);
} );
it( 'should support unicode', () => {
test(
'நி{லைக்}கு',
'நி[]கு',
'லைக்'
);
} );
it( 'should merge after removing #1', () => {
test(
'' +
'foo[bar]bazqux' +
'',
'foo{}bazqux',
'bar'
);
} );
it( 'should merge after removing #2', () => {
test(
'' +
'fo{obarba}zqux' +
'',
'fo{}zqux',
'obarba'
);
} );
it( 'should remove part of the text node in document fragment', () => {
test( 'fo{ob}ar', 'fo{}ar', 'ob' );
} );
it( 'should remove EmptyElement', () => {
test(
'foo[]bar',
'foo{}bar',
''
);
} );
it( 'should throw if range is placed inside EmptyElement', () => {
const emptyElement = new EmptyElement( 'img' );
const attributeElement = new AttributeElement( 'b' );
new ContainerElement( 'p', null, [ emptyElement, attributeElement ] );
const range = Range.createFromParentsAndOffsets( emptyElement, 0, attributeElement, 0 );
expect( () => {
remove( range );
} ).to.throw( CKEditorError, 'view-writer-cannot-break-empty-element' );
} );
} );
} );