integration.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /**
  2. * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* globals document */
  6. /* bender-tags: view, browser-only */
  7. import Document from 'ckeditor5/engine/view/document.js';
  8. import ViewElement from 'ckeditor5/engine/view/element.js';
  9. import { isBlockFiller, BR_FILLER } from 'ckeditor5/engine/view/filler.js';
  10. import createElement from 'ckeditor5/utils/dom/createelement.js';
  11. describe( 'Document integration', () => {
  12. it( 'should remove content of the DOM', () => {
  13. const domDiv = createElement( document, 'div', { id: 'editor' }, [
  14. createElement( document, 'p' ),
  15. createElement( document, 'p' )
  16. ] );
  17. const viewDocument = new Document();
  18. viewDocument.createRoot( domDiv );
  19. viewDocument.render();
  20. expect( domDiv.childNodes.length ).to.equal( 1 );
  21. expect( isBlockFiller( domDiv.childNodes[ 0 ], BR_FILLER ) ).to.be.true;
  22. viewDocument.destroy();
  23. } );
  24. it( 'should render changes in the Document', () => {
  25. const domDiv = document.createElement( 'div' );
  26. const viewDocument = new Document();
  27. viewDocument.createRoot( domDiv );
  28. viewDocument.getRoot().appendChildren( new ViewElement( 'p' ) );
  29. viewDocument.render();
  30. expect( domDiv.childNodes.length ).to.equal( 1 );
  31. expect( domDiv.childNodes[ 0 ].tagName ).to.equal( 'P' );
  32. viewDocument.destroy();
  33. } );
  34. it( 'should render attribute changes', () => {
  35. const domRoot = document.createElement( 'div' );
  36. const viewDocument = new Document();
  37. const viewRoot = viewDocument.createRoot( domRoot );
  38. const viewP = new ViewElement( 'p', { class: 'foo' } );
  39. viewRoot.appendChildren( viewP );
  40. viewDocument.render();
  41. expect( domRoot.childNodes.length ).to.equal( 1 );
  42. expect( domRoot.childNodes[ 0 ].getAttribute( 'class' ) ).to.equal( 'foo' );
  43. viewP.setAttribute( 'class', 'bar' );
  44. viewDocument.render();
  45. expect( domRoot.childNodes.length ).to.equal( 1 );
  46. expect( domRoot.childNodes[ 0 ].getAttribute( 'class' ) ).to.equal( 'bar' );
  47. viewDocument.destroy();
  48. } );
  49. } );