/** * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* global document */ import Highlight from '../src/highlight'; import BlockQuote from '@ckeditor/ckeditor5-block-quote/src/blockquote'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import Heading from '@ckeditor/ckeditor5-heading/src/heading'; import Image from '@ckeditor/ckeditor5-image/src/image'; import ImageCaption from '@ckeditor/ckeditor5-image/src/imagecaption'; import List from '@ckeditor/ckeditor5-list/src/list'; import Enter from '@ckeditor/ckeditor5-enter/src/enter'; import Delete from '@ckeditor/ckeditor5-typing/src/delete'; import ClassicTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/classictesteditor'; import { getData as getModelData, setData as setModelData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; describe( 'Highlight', () => { let editor, model, element; beforeEach( () => { element = document.createElement( 'div' ); document.body.appendChild( element ); return ClassicTestEditor .create( element, { plugins: [ Highlight, BlockQuote, Paragraph, Heading, Image, ImageCaption, List, Enter, Delete ] } ) .then( newEditor => { editor = newEditor; model = editor.model; } ); } ); afterEach( () => { element.remove(); return editor.destroy(); } ); describe( 'compatibility with images', () => { it( 'does work inside image caption', () => { setModelData( model, 'foo[bar]baz' ); editor.execute( 'highlight', { value: 'yellowMarker' } ); expect( getModelData( model ) ) .to.equal( 'foo[<$text highlight="yellowMarker">bar]baz' ); } ); it( 'does work on selection with image', () => { setModelData( model, 'foo[fooabcbar]bar' ); editor.execute( 'highlight', { value: 'yellowMarker' } ); expect( getModelData( model ) ).to.equal( 'foo[<$text highlight="yellowMarker">foo' + '<$text highlight="yellowMarker">abc' + '<$text highlight="yellowMarker">bar]bar' ); } ); } ); } );