/** * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ import ModelTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/modeltesteditor'; import { setData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; import MentionCommand from '../src/mentioncommand'; describe( 'MentionCommand', () => { let editor, command, model, doc, selection; beforeEach( () => { return ModelTestEditor .create() .then( newEditor => { editor = newEditor; model = editor.model; doc = model.document; selection = doc.selection; model.schema.register( 'paragraph', { inheritAllFrom: '$block' } ); model.schema.register( 'x', { inheritAllFrom: '$block' } ); model.schema.extend( '$text', { allowAttributes: [ 'mention' ] } ); command = new MentionCommand( editor ); } ); } ); afterEach( () => { command.destroy(); return editor.destroy(); } ); describe( 'isEnabled', () => { it( 'should return true if characters with the attribute can be placed at caret position', () => { setData( model, 'f[]oo' ); expect( command.isEnabled ).to.be.true; } ); it( 'should return false if characters with the attribute cannot be placed at caret position', () => { model.schema.addAttributeCheck( ( ctx, attributeName ) => { // Allow 'bold' on p>$text. if ( ctx.endsWith( 'x $text' ) && attributeName == 'mention' ) { return false; } } ); setData( model, 'fo[]o' ); expect( command.isEnabled ).to.be.false; } ); } ); describe( 'execute()', () => { it( 'inserts mention attribute for given range', () => { setData( model, 'foo @Jo[]bar' ); command.execute( { mention: { name: 'John' }, range: model.createRange( selection.focus.getShiftedBy( -3 ), selection.focus ) } ); assertMention( doc.getRoot().getChild( 0 ).getChild( 1 ), '@', 'John' ); } ); it( 'inserts mention object if mention was passed as string', () => { setData( model, 'foo @Jo[]bar' ); command.execute( { mention: 'John', range: model.createRange( selection.focus.getShiftedBy( -3 ), selection.focus ) } ); assertMention( doc.getRoot().getChild( 0 ).getChild( 1 ), '@', 'John' ); } ); it( 'inserts mention attribute with passed marker for given range', () => { setData( model, 'foo @Jo[]bar' ); const end = model.createPositionAt( selection.focus ); const start = end.getShiftedBy( -3 ); command.execute( { mention: { name: 'John' }, range: model.createRange( start, end ), marker: '#' } ); assertMention( doc.getRoot().getChild( 0 ).getChild( 1 ), '#', 'John' ); } ); it( 'inserts mention attribute at current selection if no range was passed', () => { setData( model, 'foo []bar' ); command.execute( { mention: { name: 'John' } } ); assertMention( doc.getRoot().getChild( 0 ).getChild( 1 ), '@', 'John' ); } ); it( 'should set also other styles in inserted text', () => { model.schema.extend( '$text', { allowAttributes: [ 'bold' ] } ); setData( model, '<$text bold="true">foo@John[]bar' ); command.execute( { mention: { name: 'John' }, range: model.createRange( selection.focus.getShiftedBy( -5 ), selection.focus ) } ); const textNode = doc.getRoot().getChild( 0 ).getChild( 1 ); assertMention( textNode, '@', 'John' ); expect( textNode.hasAttribute( 'bold' ) ).to.be.true; } ); } ); function assertMention( textNode, marker, name ) { expect( textNode.hasAttribute( 'mention' ) ).to.be.true; expect( textNode.getAttribute( 'mention' ) ).to.have.property( '_id' ); expect( textNode.getAttribute( 'mention' ) ).to.have.property( '_marker', marker ); expect( textNode.getAttribute( 'mention' ) ).to.have.property( 'name', name ); } } );