/** * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* globals document */ import InlineEditor from '../src/ckeditor'; import BaseInlineEditor from '@ckeditor/ckeditor5-editor-inline/src/inlineeditor'; import { describeMemoryUsage, testMemoryUsage } from '@ckeditor/ckeditor5-core/tests/_utils/memory'; describe( 'InlineEditor build', () => { let editor, editorElement; beforeEach( () => { editorElement = document.createElement( 'div' ); editorElement.innerHTML = '

foo bar

'; document.body.appendChild( editorElement ); } ); afterEach( () => { editorElement.remove(); } ); describe( 'buid', () => { it( 'contains plugins', () => { expect( InlineEditor.builtinPlugins ).to.not.be.empty; } ); it( 'contains config', () => { expect( InlineEditor.defaultConfig.toolbar ).to.not.be.empty; } ); } ); describe( 'create()', () => { beforeEach( () => { return InlineEditor.create( editorElement ) .then( newEditor => { editor = newEditor; } ); } ); afterEach( () => { return editor.destroy(); } ); it( 'creates an instance which inherits from the InlineEditor', () => { expect( editor ).to.be.instanceof( InlineEditor ); expect( editor ).to.be.instanceof( BaseInlineEditor ); } ); it( 'loads data from the editor element', () => { expect( editor.getData() ).to.equal( '

foo bar

' ); } ); } ); describe( 'destroy()', () => { beforeEach( () => { return InlineEditor.create( editorElement ) .then( newEditor => { editor = newEditor; } ); } ); it( 'sets the data back to the editor element', () => { editor.setData( '

foo

' ); return editor.destroy() .then( () => { expect( editorElement.innerHTML ).to.equal( '

foo

' ); } ); } ); } ); describe( 'plugins', () => { beforeEach( () => { return InlineEditor.create( editorElement ) .then( newEditor => { editor = newEditor; } ); } ); afterEach( () => { return editor.destroy(); } ); it( 'paragraph works', () => { const data = '

Some text inside a paragraph.

'; editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'basic-styles work', () => { const data = [ '

', 'Test:strong', 'Test:i', '

' ].join( '' ); editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'block-quote works', () => { const data = '

Quote

'; editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'heading works', () => { const data = [ '

Heading 1.

', '

Heading 1.1

', '

Heading 1.1.1

', '

Heading 1.1.2

', '

Heading 1.2

', '

Heading 1.2.1

', '

Heading 2

' ].join( '' ); editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'image works', () => { const data = '
'; editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'list works', () => { const data = [ '', '
    ', '
  1. Item 1.
  2. ', '
  3. Item 2.
  4. ', '
' ].join( '' ); editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'link works', () => { const data = '

CKEditor.com

'; editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); } ); describeMemoryUsage( () => { testMemoryUsage( 'should not grow on multiple create/destroy', () => InlineEditor.create( document.querySelector( '#mem-editor' ) ) ); } ); } );