domeventdata.js 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* globals document */
  6. import DomEventData from '../../../src/view/observer/domeventdata';
  7. import ViewDocument from '../../../src/view/document';
  8. describe( 'DomEventData', () => {
  9. let viewDocument, viewBody, domRoot;
  10. // Todo: the whole `before` hook can be removed.
  11. // Depends on: https://github.com/ckeditor/ckeditor5-engine/issues/647
  12. before( () => {
  13. // Use Array.from because of MS Edge (#923).
  14. for ( const node of Array.from( document.body.childNodes ) ) {
  15. // Remove all <!-- Comments -->
  16. if ( node.nodeType === 8 ) {
  17. document.body.removeChild( node );
  18. }
  19. }
  20. } );
  21. beforeEach( () => {
  22. viewDocument = new ViewDocument();
  23. domRoot = document.createElement( 'div' );
  24. domRoot.innerHTML = `<div contenteditable="true" id="main"></div><div contenteditable="true" id="additional"></div>`;
  25. document.body.appendChild( domRoot );
  26. viewBody = viewDocument.domConverter.domToView( document.body, { bind: true } );
  27. } );
  28. afterEach( () => {
  29. domRoot.parentElement.removeChild( domRoot );
  30. viewDocument.destroy();
  31. } );
  32. describe( 'constructor()', () => {
  33. it( 'sets properties', () => {
  34. const domEvt = { target: document.body };
  35. const data = new DomEventData( viewDocument, domEvt, { foo: 1, bar: true } );
  36. expect( data ).to.have.property( 'document', viewDocument );
  37. expect( data ).to.have.property( 'domEvent', domEvt );
  38. expect( data ).to.have.property( 'domTarget', document.body );
  39. expect( data ).to.have.property( 'foo', 1 );
  40. expect( data ).to.have.property( 'bar', true );
  41. } );
  42. } );
  43. describe( 'target', () => {
  44. it( 'returns bound element', () => {
  45. const domEvt = { target: document.body };
  46. const data = new DomEventData( viewDocument, domEvt );
  47. expect( data ).to.have.property( 'target', viewBody );
  48. } );
  49. } );
  50. describe( 'preventDefault', () => {
  51. it( 'executes native preventDefault()', () => {
  52. const domEvt = { target: document.body, preventDefault: sinon.spy() };
  53. const data = new DomEventData( viewDocument, domEvt );
  54. data.preventDefault();
  55. expect( domEvt.preventDefault.calledOnce ).to.be.true;
  56. } );
  57. } );
  58. describe( 'stopPropagation', () => {
  59. it( 'executes native stopPropagation()', () => {
  60. const domEvt = { target: document.body, stopPropagation: sinon.spy() };
  61. const data = new DomEventData( viewDocument, domEvt );
  62. data.stopPropagation();
  63. expect( domEvt.stopPropagation.calledOnce ).to.be.true;
  64. } );
  65. } );
  66. } );