8
0

integration.js 1.9 KB

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