domeventdata.js 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /**
  2. * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* globals document */
  6. import DomEventData from '../../../src/view/observer/domeventdata';
  7. import View from '../../../src/view/view';
  8. import { StylesProcessor } from '../../../src/view/stylesmap';
  9. describe( 'DomEventData', () => {
  10. let view, viewDocument, viewBody, domRoot, stylesProcessor;
  11. beforeEach( () => {
  12. stylesProcessor = new StylesProcessor();
  13. view = new View( stylesProcessor );
  14. viewDocument = view.document;
  15. domRoot = document.createElement( 'div' );
  16. domRoot.innerHTML = '<div contenteditable="true" id="main"></div><div contenteditable="true" id="additional"></div>';
  17. document.body.appendChild( domRoot );
  18. viewBody = view.domConverter.domToView( document.body, { bind: true } );
  19. } );
  20. afterEach( () => {
  21. domRoot.parentElement.removeChild( domRoot );
  22. view.destroy();
  23. } );
  24. describe( 'constructor()', () => {
  25. it( 'sets properties', () => {
  26. const domEvt = { target: document.body };
  27. const data = new DomEventData( view, domEvt, { foo: 1, bar: true } );
  28. expect( data ).to.have.property( 'view', view );
  29. expect( data ).to.have.property( 'document', viewDocument );
  30. expect( data ).to.have.property( 'domEvent', domEvt );
  31. expect( data ).to.have.property( 'domTarget', document.body );
  32. expect( data ).to.have.property( 'foo', 1 );
  33. expect( data ).to.have.property( 'bar', true );
  34. } );
  35. } );
  36. describe( 'target', () => {
  37. it( 'returns bound element', () => {
  38. const domEvt = { target: document.body };
  39. const data = new DomEventData( view, domEvt );
  40. expect( data ).to.have.property( 'target', viewBody );
  41. } );
  42. } );
  43. describe( 'preventDefault', () => {
  44. it( 'executes native preventDefault()', () => {
  45. const domEvt = { target: document.body, preventDefault: sinon.spy() };
  46. const data = new DomEventData( viewDocument, domEvt );
  47. data.preventDefault();
  48. expect( domEvt.preventDefault.calledOnce ).to.be.true;
  49. } );
  50. } );
  51. describe( 'stopPropagation', () => {
  52. it( 'executes native stopPropagation()', () => {
  53. const domEvt = { target: document.body, stopPropagation: sinon.spy() };
  54. const data = new DomEventData( viewDocument, domEvt );
  55. data.stopPropagation();
  56. expect( domEvt.stopPropagation.calledOnce ).to.be.true;
  57. } );
  58. } );
  59. } );