/**
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/* global document */
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
import Typing from '@ckeditor/ckeditor5-typing/src/typing';
import Widget from '../src/widget';
import DomEventData from '@ckeditor/ckeditor5-engine/src/view/observer/domeventdata';
import { toWidget } from '../src/utils';
import {
setData as setModelData,
getData as getModelData
} from '@ckeditor/ckeditor5-engine/src/dev-utils/model';
import { getData as getViewData } from '@ckeditor/ckeditor5-engine/src/dev-utils/view';
import env from '@ckeditor/ckeditor5-utils/src/env';
import testUtils from '@ckeditor/ckeditor5-core/tests/_utils/utils';
describe( 'Widget - integration', () => {
let editor, model, view, viewDocument, editorElement;
testUtils.createSinonSandbox();
beforeEach( () => {
testUtils.sinon.stub( env, 'isSafari' ).get( () => true );
editorElement = document.createElement( 'div' );
document.body.appendChild( editorElement );
return ClassicEditor.create( editorElement, { plugins: [ Paragraph, Widget, Typing ] } )
.then( newEditor => {
editor = newEditor;
model = editor.model;
view = editor.editing.view;
viewDocument = view.document;
model.schema.register( 'widget', {
inheritAllFrom: '$block',
isObject: true
} );
model.schema.register( 'nested', {
allowIn: 'widget',
isLimit: true
} );
model.schema.extend( '$text', {
allowIn: [ 'nested', 'editable', 'inline-widget' ]
} );
model.schema.register( 'editable', {
allowIn: [ 'widget', '$root' ]
} );
model.schema.register( 'inline-widget', {
allowWhere: '$text',
isObject: true,
isInline: true
} );
editor.conversion.for( 'downcast' )
.elementToElement( { model: 'inline', view: 'figure' } )
.elementToElement( { model: 'image', view: 'img' } )
.elementToElement( {
model: 'widget',
view: ( modelItem, viewWriter ) => {
const div = viewWriter.createContainerElement( 'div' );
return toWidget( div, viewWriter, { label: 'element label' } );
}
} )
.elementToElement( {
model: 'inline-widget',
view: ( modelItem, viewWriter ) => {
const span = viewWriter.createContainerElement( 'span' );
return toWidget( span, viewWriter );
}
} )
.elementToElement( {
model: 'nested',
view: ( modelItem, viewWriter ) => viewWriter.createEditableElement( 'figcaption', { contenteditable: true } )
} )
.elementToElement( {
model: 'editable',
view: ( modelItem, viewWriter ) => viewWriter.createEditableElement( 'figcaption', { contenteditable: true } )
} );
} );
} );
afterEach( () => {
editorElement.remove();
return editor.destroy();
} );
it( 'should do nothing if clicked inside a nested editable', () => {
setModelData( model, '
[]
' + '' ); expect( getModelData( model ) ).to.equal( 'Foo{}Bar
' ); expect( getModelData( model ) ).to.equal( '[]
' + '' ); expect( getModelData( model ) ).to.equal( '