widgetengine.js 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. import VirtualTestEditor from 'ckeditor5-core/tests/_utils/virtualtesteditor';
  6. import WidgetEngine from 'ckeditor5-image/src/widget/widgetengine';
  7. import buildModelConverter from 'ckeditor5-engine/src/conversion/buildmodelconverter';
  8. import { setData as setModelData } from 'ckeditor5-engine/src/dev-utils/model';
  9. import { getData as getViewData } from 'ckeditor5-engine/src/dev-utils/view';
  10. import ViewContainer from 'ckeditor5-engine/src/view/containerelement';
  11. import { widgetize } from 'ckeditor5-image/src/widget/utils';
  12. describe( 'WidgetEngine', () => {
  13. let editor, document, viewDocument;
  14. beforeEach( () => {
  15. return VirtualTestEditor.create( {
  16. plugins: [ WidgetEngine ]
  17. } )
  18. .then( newEditor => {
  19. editor = newEditor;
  20. document = editor.document;
  21. viewDocument = editor.editing.view;
  22. document.schema.registerItem( 'widget', '$block' );
  23. buildModelConverter().for( editor.editing.modelToView )
  24. .fromElement( 'widget' )
  25. .toElement( () => widgetize( new ViewContainer( 'div' ) ) );
  26. } );
  27. } );
  28. it( 'should be loaded', () => {
  29. expect( editor.plugins.get( WidgetEngine ) ).to.be.instanceOf( WidgetEngine );
  30. } );
  31. it( 'should apply fake view selection if model selection is on widget element', () => {
  32. setModelData( document, '[<widget>foo bar</widget>]' );
  33. expect( getViewData( viewDocument ) ).to.equal(
  34. '[<div class="ck-widget ck-widget_selected" contenteditable="false">foo bar</div>]'
  35. );
  36. expect( viewDocument.selection.isFake ).to.be.true;
  37. } );
  38. it( 'should toggle selected class', () => {
  39. setModelData( document, '[<widget>foo</widget>]' );
  40. expect( getViewData( viewDocument ) ).to.equal(
  41. '[<div class="ck-widget ck-widget_selected" contenteditable="false">foo</div>]'
  42. );
  43. document.enqueueChanges( () => {
  44. document.selection.collapseToStart();
  45. } );
  46. expect( getViewData( viewDocument ) ).to.equal(
  47. '[]<div class="ck-widget" contenteditable="false">foo</div>'
  48. );
  49. } );
  50. } );