/** * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* global document */ import testUtils from '@ckeditor/ckeditor5-core/tests/_utils/utils'; import ClassicTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/classictesteditor'; import RestrictedEditing from './../src/restrictedediting'; import { getData as getModelData, setData as setModelData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; import { getData as getViewData } from '@ckeditor/ckeditor5-engine/src/dev-utils/view'; import VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import Typing from '@ckeditor/ckeditor5-typing/src/typing'; import { assertEqualMarkup } from '@ckeditor/ckeditor5-utils/tests/_utils/utils'; describe( 'RestrictedEditing', () => { let editor, element; testUtils.createSinonSandbox(); describe( 'plugin', () => { beforeEach( async () => { element = document.createElement( 'div' ); document.body.appendChild( element ); editor = await ClassicTestEditor.create( element, { plugins: [ RestrictedEditing ] } ); } ); afterEach( () => { element.remove(); return editor.destroy(); } ); it( 'should be named', () => { expect( RestrictedEditing.pluginName ).to.equal( 'RestrictedEditing' ); } ); it( 'should be loaded', () => { expect( editor.plugins.get( RestrictedEditing ) ).to.be.instanceOf( RestrictedEditing ); } ); } ); describe( 'conversion', () => { let model; beforeEach( async () => { editor = await VirtualTestEditor.create( { plugins: [ Paragraph, RestrictedEditing ] } ); model = editor.model; } ); afterEach( () => { return editor.destroy(); } ); describe( 'upcast', () => { it( 'should convert to marker', () => { editor.setData( '

foo bar baz

' ); expect( model.markers.has( 'restricted-editing-exception:1' ) ).to.be.true; const marker = model.markers.get( 'restricted-editing-exception:1' ); expect( marker.getStart().path ).to.deep.equal( [ 0, 4 ] ); expect( marker.getEnd().path ).to.deep.equal( [ 0, 7 ] ); } ); it( 'should convert multiple ', () => { editor.setData( '

foo bar baz

' + '

ABCDEFGHIJKLMNOPQRST

' ); expect( model.markers.has( 'restricted-editing-exception:1' ) ).to.be.true; expect( model.markers.has( 'restricted-editing-exception:2' ) ).to.be.true; // Data for the first marker is the same as in previous tests so no need to test it again. const secondMarker = model.markers.get( 'restricted-editing-exception:2' ); expect( secondMarker.getStart().path ).to.deep.equal( [ 1, 6 ] ); expect( secondMarker.getEnd().path ).to.deep.equal( [ 1, 11 ] ); } ); it( 'should not convert other elements', () => { editor.setData( '

foo bar baz

' ); expect( model.markers.has( 'restricted-editing-exception:1' ) ).to.be.false; } ); } ); describe( 'downcast', () => { it( 'should convert model marker to ', () => { setModelData( model, 'foo bar baz' ); const paragraph = model.document.getRoot().getChild( 0 ); model.change( writer => { writer.addMarker( 'restricted-editing-exception:1', { range: writer.createRange( writer.createPositionAt( paragraph, 4 ), writer.createPositionAt( paragraph, 7 ) ), usingOperation: true, affectsData: true } ); } ); const expectedView = '

foo bar baz

'; expect( editor.getData() ).to.equal( expectedView ); expect( getViewData( editor.editing.view, { withoutSelection: true } ) ).to.equal( expectedView ); } ); it( 'converted should be the outermost attribute element', () => { editor.conversion.for( 'downcast' ).attributeToElement( { model: 'bold', view: 'b' } ); setModelData( model, '<$text bold="true">foo bar baz' ); const paragraph = model.document.getRoot().getChild( 0 ); model.change( writer => { writer.addMarker( 'restricted-editing-exception:1', { range: writer.createRange( writer.createPositionAt( paragraph, 0 ), writer.createPositionAt( paragraph, 'end' ) ), usingOperation: true, affectsData: true } ); } ); const expectedView = '

foo bar baz

'; expect( editor.getData() ).to.equal( expectedView ); expect( getViewData( editor.editing.view, { withoutSelection: true } ) ).to.equal( expectedView ); } ); } ); } ); describe.only( 'editing behavior', () => { let model; beforeEach( async () => { editor = await VirtualTestEditor.create( { plugins: [ Paragraph, Typing, RestrictedEditing ] } ); model = editor.model; } ); afterEach( () => { return editor.destroy(); } ); it( 'should keep markers in the view when editable region is edited', () => { setModelData( model, 'foo bar baz' + 'xxx y[]yy zzz' ); const firstParagraph = model.document.getRoot().getChild( 0 ); const secondParagraph = model.document.getRoot().getChild( 1 ); model.change( writer => { writer.addMarker( 'restricted-editing-exception:1', { range: writer.createRange( writer.createPositionAt( firstParagraph, 4 ), writer.createPositionAt( firstParagraph, 7 ) ), usingOperation: true, affectsData: true } ); writer.addMarker( 'restricted-editing-exception:2', { range: writer.createRange( writer.createPositionAt( secondParagraph, 4 ), writer.createPositionAt( secondParagraph, 7 ) ), usingOperation: true, affectsData: true } ); } ); model.change( writer => { model.insertContent( writer.createText( 'R', model.document.selection.getAttributes() ) ); } ); const expectedView = '

foo bar baz

' + '

xxx yRyy zzz

'; expect( editor.getData() ).to.equal( expectedView ); expect( getViewData( editor.editing.view, { withoutSelection: true } ) ).to.equal( expectedView ); } ); it( 'should block user typing outside exception markers', () => { setModelData( model, 'foo []bar baz' ); editor.execute( 'input', { text: 'X' } ); assertEqualMarkup( getModelData( model ), 'foo []bar baz' ); } ); it( 'should not block user typing inside exception marker', () => { setModelData( model, '[]foo bar baz' ); const firstParagraph = model.document.getRoot().getChild( 0 ); model.change( writer => { writer.addMarker( 'restricted-editing-exception:1', { range: writer.createRange( writer.createPositionAt( firstParagraph, 4 ), writer.createPositionAt( firstParagraph, 7 ) ), usingOperation: true, affectsData: true } ); } ); model.change( writer => { writer.setSelection( firstParagraph, 5 ); } ); editor.execute( 'input', { text: 'X' } ); assertEqualMarkup( getModelData( model ), 'foo bX[]ar baz' ); } ); } ); } );