/** * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ import { viewToModelImage, modelToViewSelection, createImageAttributeConverter } from '../src/converters'; import VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor'; import { createImageViewElement } from '../src/imageengine'; import { toImageWidget } from '../src/utils'; import buildModelConverter from '@ckeditor/ckeditor5-engine/src/conversion/buildmodelconverter'; import ModelElement from '@ckeditor/ckeditor5-engine/src/model/element'; import { parse as parseView, getData as getViewData } from '@ckeditor/ckeditor5-engine/src/dev-utils/view'; import { stringify as stringifyModel, setData as setModelData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; describe( 'Image converters', () => { let editor, document, viewDocument; beforeEach( () => { return VirtualTestEditor.create() .then( newEditor => { editor = newEditor; document = editor.document; viewDocument = editor.editing.view; const schema = document.schema; schema.registerItem( 'image' ); schema.requireAttributes( 'image', [ 'src' ] ); schema.allow( { name: 'image', attributes: [ 'alt', 'src' ], inside: '$root' } ); schema.objects.add( 'image' ); buildModelConverter().for( ) .fromElement( 'image' ) .toElement( () => toImageWidget( createImageViewElement() ) ); editor.editing.modelToView.on( 'selection', modelToViewSelection( editor.t ), { priority: 'lowest' } ); buildModelConverter().for( editor.editing.modelToView ) .fromElement( 'image' ) .toElement( () => toImageWidget( createImageViewElement() ) ); createImageAttributeConverter( [ editor.editing.modelToView ], 'src' ); createImageAttributeConverter( [ editor.editing.modelToView ], 'alt' ); } ); } ); describe( 'viewToModelImage', () => { let dispatcher, schema; beforeEach( () => { schema = document.schema; dispatcher = editor.data.viewToModel; dispatcher.on( 'element:figure', viewToModelImage() ); } ); it( 'should convert view figure element', () => { test( '
bar baz
', 'bar baz' ); } ); it( 'should convert without alt', () => { test( '
', '' ); } ); it( 'should not convert if figure element is already consumed', () => { dispatcher.on( 'element:figure', ( evt, data, consumable ) => { consumable.consume( data.input, { name: true, class: 'image' } ); data.output = new ModelElement( 'not-image' ); }, { priority: 'high' } ); test( '
bar baz
', '' ); } ); it( 'should not convert image if schema disallows it', () => { schema.disallow( { name: 'image', attributes: [ 'alt', 'src' ], inside: '$root' } ); const element = parseView( '
' ); const model = dispatcher.convert( element ); expect( stringifyModel( model ) ).to.equal( '' ); } ); it( 'should not convert image if there is no img element', () => { const element = parseView( '
' ); const model = dispatcher.convert( element ); expect( stringifyModel( model ) ).to.equal( '' ); } ); function test( viewString, modelString ) { const element = parseView( viewString ); const model = dispatcher.convert( element ); expect( stringifyModel( model ) ).to.equal( modelString ); } } ); describe( 'modelToViewSelection', () => { it( 'should convert selection over image to fake selection', () => { setModelData( document, '[]' ); expect( viewDocument.selection.isFake ).to.be.true; expect( viewDocument.selection.fakeSelectionLabel ).to.equal( 'image widget' ); } ); it( 'should convert fake selection label with alt', () => { setModelData( document, '[foo bar]' ); expect( viewDocument.selection.isFake ).to.be.true; expect( viewDocument.selection.fakeSelectionLabel ).to.equal( 'foo bar image widget' ); } ); it( 'should not convert fake selection if image is not selected', () => { setModelData( document, '[]foo bar' ); expect( viewDocument.selection.isFake ).to.be.false; } ); } ); describe( 'modelToViewAttributeConverter', () => { it( 'should convert adding attribute to image', () => { setModelData( document, '' ); const image = document.getRoot().getChild( 0 ); document.enqueueChanges( () => { const batch = document.batch(); batch.setAttribute( image, 'alt', 'foo bar' ); } ); expect( getViewData( viewDocument, { withoutSelection: true } ) ).to.equal( '
foo bar
' ); } ); it( 'should convert removing attribute from image', () => { setModelData( document, 'foo bar' ); const image = document.getRoot().getChild( 0 ); document.enqueueChanges( () => { const batch = document.batch(); batch.removeAttribute( image, 'alt' ); } ); expect( getViewData( viewDocument, { withoutSelection: true } ) ).to.equal( '
' ); } ); it( 'should convert change of attribute image', () => { setModelData( document, 'foo bar' ); const image = document.getRoot().getChild( 0 ); document.enqueueChanges( () => { const batch = document.batch(); batch.setAttribute( image, 'alt', 'baz quix' ); } ); expect( getViewData( viewDocument, { withoutSelection: true } ) ).to.equal( '
baz quix
' ); } ); it( 'should not change attribute if change is already consumed', () => { editor.editing.modelToView.on( `changeAttribute:alt:image`, ( evt, data, consumable ) => { consumable.consume( data.item, 'changeAttribute:alt' ); }, { priority: 'high' } ); setModelData( document, 'foo bar' ); const image = document.getRoot().getChild( 0 ); document.enqueueChanges( () => { const batch = document.batch(); batch.setAttribute( image, 'alt', 'baz quix' ); } ); expect( getViewData( viewDocument, { withoutSelection: true } ) ).to.equal( '
foo bar
' ); } ); } ); } );