8
0

widgetengine.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. import VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor';
  6. import WidgetEngine from '../../src/widget/widgetengine';
  7. import buildModelConverter from '@ckeditor/ckeditor5-engine/src/conversion/buildmodelconverter';
  8. import { setData as setModelData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model';
  9. import { getData as getViewData } from '@ckeditor/ckeditor5-engine/src/dev-utils/view';
  10. import ViewContainer from '@ckeditor/ckeditor5-engine/src/view/containerelement';
  11. import { widgetize, setFakeSelectionLabel } from '../../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( () => {
  26. const element = widgetize( new ViewContainer( 'div' ) );
  27. setFakeSelectionLabel( element, 'fake selection' );
  28. return element;
  29. } );
  30. } );
  31. } );
  32. it( 'should be loaded', () => {
  33. expect( editor.plugins.get( WidgetEngine ) ).to.be.instanceOf( WidgetEngine );
  34. } );
  35. it( 'should apply fake view selection if model selection is on widget element', () => {
  36. setModelData( document, '[<widget>foo bar</widget>]' );
  37. expect( getViewData( viewDocument ) ).to.equal(
  38. '[<div class="ck-widget ck-widget_selected" contenteditable="false">foo bar</div>]'
  39. );
  40. expect( viewDocument.selection.isFake ).to.be.true;
  41. } );
  42. it( 'should use element\'s fake selection label if one is provided', () => {
  43. setModelData( document, '[<widget>foo bar</widget>]' );
  44. expect( viewDocument.selection.fakeSelectionLabel ).to.equal( 'fake selection' );
  45. } );
  46. it( 'fake selection should be empty if widget is not selected', () => {
  47. setModelData( document, '<widget>foo bar</widget>' );
  48. expect( viewDocument.selection.fakeSelectionLabel ).to.equal( '' );
  49. } );
  50. it( 'should toggle selected class', () => {
  51. setModelData( document, '[<widget>foo</widget>]' );
  52. expect( getViewData( viewDocument ) ).to.equal(
  53. '[<div class="ck-widget ck-widget_selected" contenteditable="false">foo</div>]'
  54. );
  55. document.enqueueChanges( () => {
  56. document.selection.collapseToStart();
  57. } );
  58. expect( getViewData( viewDocument ) ).to.equal(
  59. '[]<div class="ck-widget" contenteditable="false">foo</div>'
  60. );
  61. } );
  62. } );