8
0

integration.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. } );
  23. it( 'should render changes in the Document', () => {
  24. const domDiv = document.createElement( 'div' );
  25. const viewDocument = new Document();
  26. viewDocument.createRoot( domDiv );
  27. viewDocument.getRoot().appendChildren( new ViewElement( 'p' ) );
  28. viewDocument.render();
  29. expect( domDiv.childNodes.length ).to.equal( 1 );
  30. expect( domDiv.childNodes[ 0 ].tagName ).to.equal( 'P' );
  31. } );
  32. it( 'should render attribute changes', () => {
  33. const domRoot = document.createElement( 'div' );
  34. const viewDocument = new Document();
  35. const viewRoot = viewDocument.createRoot( domRoot );
  36. const viewP = new ViewElement( 'p', { class: 'foo' } );
  37. viewRoot.appendChildren( viewP );
  38. viewDocument.render();
  39. expect( domRoot.childNodes.length ).to.equal( 1 );
  40. expect( domRoot.childNodes[ 0 ].getAttribute( 'class' ) ).to.equal( 'foo' );
  41. viewP.setAttribute( 'class', 'bar' );
  42. viewDocument.render();
  43. expect( domRoot.childNodes.length ).to.equal( 1 );
  44. expect( domRoot.childNodes[ 0 ].getAttribute( 'class' ) ).to.equal( 'bar' );
  45. } );
  46. } );