/** * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ import LinkEditing from '../src/linkediting'; import LinkCommand from '../src/linkcommand'; import UnlinkCommand from '../src/unlinkcommand'; import VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import Enter from '@ckeditor/ckeditor5-enter/src/enter'; 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 { isLinkElement } from '../src/utils'; import { keyCodes } from '@ckeditor/ckeditor5-utils/src/keyboard'; /* global document */ describe( 'LinkEditing', () => { let editor, model, view; beforeEach( () => { return VirtualTestEditor .create( { plugins: [ Paragraph, LinkEditing, Enter ] } ) .then( newEditor => { editor = newEditor; model = editor.model; view = editor.editing.view; } ); } ); it( 'should be loaded', () => { expect( editor.plugins.get( LinkEditing ) ).to.be.instanceOf( LinkEditing ); } ); it( 'should set proper schema rules', () => { expect( model.schema.checkAttribute( [ '$block', '$text' ], 'linkHref' ) ).to.be.true; expect( model.schema.checkAttribute( [ '$clipboardHolder', '$text' ], 'linkHref' ) ).to.be.true; expect( model.schema.checkAttribute( [ '$block' ], 'linkHref' ) ).to.be.false; } ); it( 'should bind two-step caret movement to `linkHref` attribute', () => { // Let's check only the minimum to not duplicated `bindTwoStepCaretToAttribute()` tests. // Testing minimum is better then testing using spies that might give false positive results. // Put selection before the link element. setModelData( editor.model, 'foo[]<$text linkHref="url">bar' ); // The selection's gravity is not overridden because selection land here not as a result of `keydown`. expect( editor.model.document.selection.isGravityOverridden ).to.false; // So let's simulate `keydown` event. editor.editing.view.document.fire( 'keydown', { keyCode: keyCodes.arrowright, preventDefault: () => {}, domTarget: document.body } ); expect( editor.model.document.selection.isGravityOverridden ).to.true; } ); describe( 'command', () => { it( 'should register link command', () => { const command = editor.commands.get( 'link' ); expect( command ).to.be.instanceOf( LinkCommand ); } ); it( 'should register unlink command', () => { const command = editor.commands.get( 'unlink' ); expect( command ).to.be.instanceOf( UnlinkCommand ); } ); } ); describe( 'data pipeline conversions', () => { it( 'should convert `` to `linkHref="url"` attribute', () => { editor.setData( '

foobar

' ); expect( getModelData( model, { withoutSelection: true } ) ) .to.equal( '<$text linkHref="url">foobar' ); expect( editor.getData() ).to.equal( '

foobar

' ); } ); it( 'should be integrated with autoparagraphing', () => { editor.setData( 'foobar' ); expect( getModelData( model, { withoutSelection: true } ) ) .to.equal( '<$text linkHref="url">foobar' ); expect( editor.getData() ).to.equal( '

foobar

' ); } ); // https://github.com/ckeditor/ckeditor5/issues/500 it( 'should not pick up ``', () => { editor.setData( '

foobar

' ); expect( getModelData( model, { withoutSelection: true } ) ) .to.equal( 'foobar' ); } ); // CKEditor 4 does. And CKEditor 5's balloon allows creating such links. it( 'should pick up ``', () => { editor.setData( '

foobar

' ); expect( getModelData( model, { withoutSelection: true } ) ) .to.equal( '<$text linkHref="">foobar' ); expect( editor.getData() ).to.equal( '

foobar

' ); } ); // The editor's role is not to filter out potentially malicious data. // Its job is to not let this code be executed inside the editor (see the test in "editing pipeline conversion"). it( 'should output a link with a potential XSS code', () => { setModelData( model, '[]' ); model.change( writer => { writer.insertText( 'foo', { linkHref: 'javascript:alert(1)' }, model.document.selection.getFirstPosition() ); } ); expect( editor.getData() ).to.equal( '

foo

' ); } ); it( 'should load a link with a potential XSS code', () => { editor.setData( '

foo

' ); expect( getModelData( model, { withoutSelection: true } ) ) .to.equal( '<$text linkHref="javascript:alert(1)">foo' ); } ); } ); describe( 'editing pipeline conversion', () => { it( 'should convert attribute', () => { setModelData( model, '<$text linkHref="url">foobar' ); expect( getViewData( editor.editing.view, { withoutSelection: true } ) ).to.equal( '

foobar

' ); } ); it( 'should convert to link element instance', () => { setModelData( model, '<$text linkHref="url">foobar' ); const element = editor.editing.view.document.getRoot().getChild( 0 ).getChild( 0 ); expect( isLinkElement( element ) ).to.be.true; } ); // https://github.com/ckeditor/ckeditor5-link/issues/121 it( 'should should set priority for `linkHref` higher than all other attribute elements', () => { model.schema.extend( '$text', { allowAttributes: 'foo' } ); editor.conversion.for( 'downcast' ).attributeToElement( { model: 'foo', view: 'f' } ); setModelData( model, '' + '<$text linkHref="url">a<$text foo="true" linkHref="url">b<$text linkHref="url">c' + '' ); expect( editor.getData() ).to.equal( '

abc

' ); } ); it( 'must not render a link with a potential XSS code', () => { setModelData( model, '<$text linkHref="javascript:alert(1)">[]foobar[]' ); expect( getViewData( editor.editing.view, { withoutSelection: true } ) ) .to.equal( '

foobar

' ); } ); } ); describe( 'link highlighting', () => { it( 'should convert the highlight to a proper view classes', () => { setModelData( model, 'foo <$text linkHref="url">b{}ar baz' ); expect( model.document.selection.hasAttribute( 'linkHref' ) ).to.be.true; expect( getViewData( view ) ).to.equal( '

foo b{}ar baz

' ); } ); it( 'should work whenever selection has linkHref attribute - link start', () => { setModelData( model, 'foo {}<$text linkHref="url">bar baz' ); expect( model.document.selection.hasAttribute( 'linkHref' ) ).to.be.false; model.change( writer => { writer.setSelectionAttribute( 'linkHref', 'url' ); } ); expect( model.document.selection.hasAttribute( 'linkHref' ) ).to.be.true; expect( getViewData( view ) ).to.equal( '

foo {}bar baz

' ); } ); it( 'should work whenever selection has linkHref attribute - link end', () => { setModelData( model, 'foo <$text linkHref="url">bar{} baz' ); expect( model.document.selection.hasAttribute( 'linkHref' ) ).to.be.true; expect( getViewData( view ) ).to.equal( '

foo bar{} baz

' ); } ); it( 'should render highlight correctly after splitting the link', () => { setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); editor.execute( 'enter' ); expect( getModelData( model ) ).to.equal( 'foo <$text linkHref="url">li' + '<$text linkHref="url">[]nk baz' ); expect( model.document.selection.hasAttribute( 'linkHref' ) ).to.be.true; } ); it( 'should remove classes when selection is moved out from the link', () => { setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); expect( getViewData( view ) ).to.equal( '

foo li{}nk baz

' ); model.change( writer => writer.setSelection( model.document.getRoot().getChild( 0 ), 0 ) ); expect( getViewData( view ) ).to.equal( '

{}foo link baz

' ); } ); it( 'should work correctly when selection is moved inside link', () => { setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); expect( getViewData( view ) ).to.equal( '

foo li{}nk baz

' ); model.change( writer => writer.setSelection( model.document.getRoot().getChild( 0 ), 5 ) ); expect( getViewData( view ) ).to.equal( '

foo l{}ink baz

' ); } ); describe( 'downcast conversion integration', () => { it( 'works for the #insert event', () => { setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); model.change( writer => { writer.insertText( 'FOO', { linkHref: 'url' }, model.document.selection.getFirstPosition() ); } ); expect( getViewData( view ) ).to.equal( '

foo liFOO{}nk baz

' ); } ); it( 'works for the #remove event', () => { setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); model.change( writer => { writer.remove( writer.createRange( writer.createPositionAt( model.document.getRoot().getChild( 0 ), 0 ), writer.createPositionAt( model.document.getRoot().getChild( 0 ), 5 ) ) ); } ); expect( getViewData( view ) ).to.equal( '

i{}nk baz

' ); } ); it( 'works for the #attribute event', () => { setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); model.change( writer => { writer.setAttribute( 'linkHref', 'new-url', writer.createRange( model.document.selection.getFirstPosition().getShiftedBy( -1 ), model.document.selection.getFirstPosition().getShiftedBy( 1 ) ) ); } ); expect( getViewData( view ) ).to.equal( '

foo li{}nk baz

' ); } ); it( 'works for the #selection event', () => { setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); model.change( writer => { writer.setSelection( writer.createRange( model.document.selection.getFirstPosition().getShiftedBy( -1 ), model.document.selection.getFirstPosition().getShiftedBy( 1 ) ) ); } ); expect( getViewData( view ) ).to.equal( '

foo l{in}k baz

' ); } ); it( 'works for the addMarker and removeMarker events', () => { editor.conversion.for( 'editingDowncast' ).markerToHighlight( { model: 'fooMarker', view: {} } ); setModelData( model, 'foo <$text linkHref="url">li{}nk baz' ); model.change( writer => { const range = writer.createRange( writer.createPositionAt( model.document.getRoot().getChild( 0 ), 0 ), writer.createPositionAt( model.document.getRoot().getChild( 0 ), 5 ) ); writer.addMarker( 'fooMarker', { range, usingOperation: true } ); } ); expect( getViewData( view ) ).to.equal( '

foo li{}nk baz

' ); model.change( writer => writer.removeMarker( 'fooMarker' ) ); expect( getViewData( view ) ).to.equal( '

foo li{}nk baz

' ); } ); } ); } ); } );