/** * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* global document */ import Heading from '../src/heading.js'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import Enter from '@ckeditor/ckeditor5-enter/src/enter'; import Image from '@ckeditor/ckeditor5-image/src/image'; import ImageCaption from '@ckeditor/ckeditor5-image/src/imagecaption'; import Undo from '@ckeditor/ckeditor5-undo/src/undo'; 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( 'Heading integration', () => { let editor, model, doc, element; beforeEach( () => { element = document.createElement( 'div' ); document.body.appendChild( element ); return ClassicTestEditor .create( element, { plugins: [ Paragraph, Heading, Enter, Image, ImageCaption, Undo ] } ) .then( newEditor => { editor = newEditor; model = editor.model; doc = model.document; } ); } ); afterEach( () => { element.remove(); return editor.destroy(); } ); describe( 'with the enter key', () => { it( 'should make the "enter" command insert a default heading block if the selection ended at the end of a heading block', () => { editor.setData( '

foobar

' ); model.change( writer => { writer.setSelection( doc.getRoot().getChild( 0 ), 'end' ); } ); editor.execute( 'enter' ); expect( getModelData( model ) ).to.equal( 'foobar[]' ); } ); it( 'should not alter the "enter" command if selection not ended at the end of a heading block', () => { // This test is to fill code coverage. editor.setData( '

foobar

' ); model.change( writer => { writer.setSelection( doc.getRoot().getChild( 0 ), 3 ); } ); editor.execute( 'enter' ); expect( getModelData( model ) ).to.equal( 'foo[]bar' ); } ); } ); describe( 'with the image feature', () => { // https://github.com/ckeditor/ckeditor5-heading/issues/73 it( 'should not destroy the image when a selection converted to a heading', () => { setModelData( model, 'fo[o' + '' + 'xxx' + '' + 'b]ar' ); editor.execute( 'heading', { value: 'heading1' } ); expect( getModelData( model ) ).to.equal( 'fo[o' + '' + 'xxx' + '' + 'b]ar' ); } ); } ); describe( 'with the undo feature', () => { it( 'does not create undo steps when applied to an existing heading (collapsed selection)', () => { setModelData( model, 'foo[]bar' ); editor.execute( 'heading', { value: 'heading1' } ); expect( getModelData( model ) ).to.equal( 'foo[]bar' ); expect( editor.commands.get( 'undo' ).isEnabled ).to.be.false; } ); it( 'does not create undo steps when applied to an existing heading (non–collapsed selection)', () => { setModelData( model, '[foobar]' ); editor.execute( 'heading', { value: 'heading1' } ); expect( getModelData( model ) ).to.equal( '[foobar]' ); expect( editor.commands.get( 'undo' ).isEnabled ).to.be.false; } ); } ); // Remember to sync docs/_snippets/features/custom-heading-elements.js and docs/features/headings.md // with this test when changing it. describe( 'fancy heading sample in the docs', () => { it( 'upcasts the

and

elements when configured to do so', () => { const element = document.createElement( 'div' ); document.body.appendChild( element ); return ClassicTestEditor .create( element, { plugins: [ Paragraph, Heading ], heading: { options: [ { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' }, { model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' }, { model: 'headingFancy', view: { name: 'h2', class: 'fancy' }, title: 'Heading 2 (fancy)', class: 'ck-heading_heading2_fancy', priority: 'high' } ] } } ) .then( editor => { editor.setData( '

Heading 2

Fancy Heading 2

' ); expect( editor.getData() ) .to.equal( '

Heading 2

Fancy Heading 2

' ); editor.destroy(); element.remove(); } ); } ); } ); } );