/** * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ import AlignmentEditing from '../src/alignmentediting'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import ImageCaptionEngine from '@ckeditor/ckeditor5-image/src/imagecaption/imagecaptionengine'; import ListEngine from '@ckeditor/ckeditor5-list/src/listengine'; import HeadingEngine from '@ckeditor/ckeditor5-heading/src/headingengine'; import VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor'; import { getData as getModelData, setData as setModelData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; import AlignmentCommand from '../src/alignmentcommand'; describe( 'AlignmentEditing', () => { let editor, doc; beforeEach( () => { return VirtualTestEditor .create( { plugins: [ AlignmentEditing, Paragraph ] } ) .then( newEditor => { editor = newEditor; doc = editor.document; } ); } ); afterEach( () => { editor.destroy(); } ); it( 'adds alignment commands', () => { expect( editor.commands.get( 'alignLeft' ) ).to.be.instanceOf( AlignmentCommand ); expect( editor.commands.get( 'alignRight' ) ).to.be.instanceOf( AlignmentCommand ); expect( editor.commands.get( 'alignCenter' ) ).to.be.instanceOf( AlignmentCommand ); expect( editor.commands.get( 'alignJustify' ) ).to.be.instanceOf( AlignmentCommand ); } ); it( 'allows for alignment in $blocks', () => { expect( doc.schema.check( { name: '$block', inside: '$root', attributes: 'alignment' } ) ).to.be.true; } ); describe( 'integration', () => { beforeEach( () => { return VirtualTestEditor .create( { plugins: [ AlignmentEditing, ImageCaptionEngine, Paragraph, ListEngine, HeadingEngine ] } ) .then( newEditor => { editor = newEditor; doc = editor.document; } ); } ); it( 'is allowed on paragraph', () => { expect( doc.schema.check( { name: 'paragraph', attributes: 'alignment' } ) ).to.be.true; } ); it( 'is allowed on listItem', () => { expect( doc.schema.check( { name: 'listItem', attributes: [ 'type', 'indent', 'alignment' ] } ) ).to.be.true; } ); it( 'is allowed on heading', () => { expect( doc.schema.check( { name: 'heading1', attributes: 'alignment' } ) ).to.be.true; } ); it( 'is disallowed on figcaption', () => { expect( doc.schema.check( { name: 'figcaption', attributes: 'alignment' } ) ).to.be.false; } ); } ); describe( 'alignLeft', () => { it( 'adds converters to the data pipeline', () => { const data = '

x

'; editor.setData( data ); expect( getModelData( doc ) ).to.equal( '[]x' ); expect( editor.getData() ).to.equal( '

x

' ); } ); } ); describe( 'alignCenter', () => { it( 'adds converters to the data pipeline', () => { const data = '

x

'; editor.setData( data ); expect( getModelData( doc ) ).to.equal( '[]x' ); expect( editor.getData() ).to.equal( data ); } ); it( 'adds a converter to the view pipeline', () => { setModelData( doc, '[]x' ); expect( editor.getData() ).to.equal( '

x

' ); } ); } ); describe( 'alignRight', () => { it( 'adds converters to the data pipeline', () => { const data = '

x

'; editor.setData( data ); expect( getModelData( doc ) ).to.equal( '[]x' ); expect( editor.getData() ).to.equal( data ); } ); it( 'adds a converter to the view pipeline', () => { setModelData( doc, '[]x' ); expect( editor.getData() ).to.equal( '

x

' ); } ); } ); describe( 'alignJustify', () => { it( 'adds converters to the data pipeline', () => { const data = '

x

'; editor.setData( data ); expect( getModelData( doc ) ).to.equal( '[]x' ); expect( editor.getData() ).to.equal( data ); } ); it( 'adds a converter to the view pipeline', () => { setModelData( doc, '[]x' ); expect( editor.getData() ).to.equal( '

x

' ); } ); } ); describe( 'should work with broken styles', () => { it( 'should ignore empty style', () => { const data = '

x

'; editor.setData( data ); expect( getModelData( doc ) ).to.equal( '[]x' ); expect( editor.getData() ).to.equal( '

x

' ); } ); it( 'should ignore not known style', () => { const data = '

x

'; editor.setData( data ); expect( getModelData( doc ) ).to.equal( '[]x' ); expect( editor.getData() ).to.equal( '

x

' ); } ); } ); describe( 'config', () => { describe( 'styles', () => { describe( 'default value', () => { it( 'should be set', () => { expect( editor.config.get( 'alignment.styles' ) ).to.deep.equal( [ 'left', 'right', 'center', 'justify' ] ); } ); } ); it( 'should customize commands', () => { return VirtualTestEditor .create( { alignment: { styles: [ 'left', 'right' ] }, plugins: [ AlignmentEditing, Paragraph ] } ) .then( editor => { expect( editor.commands.get( 'alignLeft' ), 'adds alignLeft' ).to.be.instanceof( AlignmentCommand ); expect( editor.commands.get( 'alignRight' ), 'adds alignLeft' ).to.be.instanceof( AlignmentCommand ); expect( editor.commands.get( 'alignCenter' ), 'does not add alignCenter' ).to.be.undefined; expect( editor.commands.get( 'alignJustify' ), 'does not add alignJustify' ).to.be.undefined; } ); } ); } ); } ); } );