/** * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* globals document */ import { ClassicEditor } from '../ckeditor'; import BaseClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classic'; import AutoformatPlugin from '@ckeditor/ckeditor5-autoformat/src/autoformat'; import BoldPlugin from '@ckeditor/ckeditor5-basic-styles/src/bold'; import ClipboardPlugin from '@ckeditor/ckeditor5-clipboard/src/clipboard'; import ParagraphPlugin from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import HeadingPlugin from '@ckeditor/ckeditor5-heading/src/heading'; import ImagePlugin from '@ckeditor/ckeditor5-image/src/image'; import ImageCaptionPlugin from '@ckeditor/ckeditor5-image/src/imagecaption'; import ImageStylePlugin from '@ckeditor/ckeditor5-image/src/imagestyle'; import ImageToolbarPlugin from '@ckeditor/ckeditor5-image/src/imagetoolbar'; import ItalicPlugin from '@ckeditor/ckeditor5-basic-styles/src/italic'; import LinkPlugin from '@ckeditor/ckeditor5-link/src/link'; import ListPlugin from '@ckeditor/ckeditor5-list/src/list'; import EnterPlugin from '@ckeditor/ckeditor5-enter/src/enter'; import TypingPlugin from '@ckeditor/ckeditor5-typing/src/typing'; import UndoPlugin from '@ckeditor/ckeditor5-undo/src/undo'; describe( 'ClassicEditor', () => { let editor, editorElement; beforeEach( () => { editorElement = document.createElement( 'div' ); editorElement.innerHTML = '

foo bar

'; document.body.appendChild( editorElement ); } ); afterEach( () => { editorElement.remove(); } ); describe( 'create()', () => { beforeEach( () => { return ClassicEditor.create( editorElement ) .then( newEditor => { editor = newEditor; } ); } ); afterEach( () => { return editor.destroy(); } ); it( 'creates an instance which inherits from the ClassicEditor', () => { expect( editor ).to.be.instanceof( ClassicEditor ); expect( editor ).to.be.instanceof( BaseClassicEditor ); } ); it( 'loads data from the editor element', () => { expect( editor.getData() ).to.equal( '

foo bar

' ); } ); } ); describe( 'destroy()', () => { beforeEach( function () { return ClassicEditor.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

' ); } ); } ); it( 'restores the editor element', () => { expect( editor.element.style.display ).to.equal( 'none' ); return editor.destroy() .then( () => { expect( editor.element.style.display ).to.equal( '' ); } ); } ); } ); describe( 'plugins', () => { it( 'paragraph', () => { const data = '

Some text inside a paragraph.

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

', 'Test:strong', 'Test:em', '

' ].join( '' ); editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'heading', () => { 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', () => { const data = '
'; editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'list', () => { const data = [ '', '
    ', '
  1. Item 1.
  2. ', '
  3. Item 2.
  4. ', '
' ].join( '' ); editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); it( 'link', () => { const data = '

CKEditor.com

'; editor.setData( data ); expect( editor.getData() ).to.equal( data ); } ); } ) } );