/**
* @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();
} );
} );
} );
} );