treeview.js 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /**
  2. * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* bender-tags: treeview */
  6. 'use strict';
  7. import TreeView from '/ckeditor5/core/treeview/treeview.js';
  8. import Observer from '/ckeditor5/core/treeview/observer/observer.js';
  9. import Renderer from '/ckeditor5/core/treeview/renderer.js';
  10. import Writer from '/ckeditor5/core/treeview/writer.js';
  11. import DomConverter from '/ckeditor5/core/treeview/domconverter.js';
  12. import utils from '/ckeditor5/utils/utils.js';
  13. const count = utils.count;
  14. describe( 'TreeView', () => {
  15. describe( 'constructor', () => {
  16. it( 'should create TreeView with all properties', () => {
  17. const treeView = new TreeView();
  18. expect( count( treeView.domRoots ) ).to.equal( 0 );
  19. expect( count( treeView.viewRoots ) ).to.equal( 0 );
  20. expect( count( treeView.observers ) ).to.equal( 0 );
  21. expect( treeView ).to.have.property( 'renderer' ).that.is.instanceOf( Renderer );
  22. expect( treeView ).to.have.property( 'writer' ).that.is.instanceOf( Writer );
  23. expect( treeView ).to.have.property( 'domConverter' ).that.is.instanceOf( DomConverter );
  24. } );
  25. } );
  26. describe( 'createRoot', () => {
  27. it( 'should create root', () => {
  28. const domP = document.createElement( 'p' );
  29. const domDiv = document.createElement( 'div' );
  30. domDiv.setAttribute( 'id', 'editor' );
  31. domDiv.appendChild( domP );
  32. const treeView = new TreeView();
  33. treeView.createRoot( domDiv, 'editor' );
  34. expect( count( treeView.domRoots ) ).to.equal( 1 );
  35. expect( count( treeView.viewRoots ) ).to.equal( 1 );
  36. const domRoot = treeView.domRoots.get( 'editor' );
  37. const viewRoot = treeView.viewRoots.get( 'editor' );
  38. expect( domRoot ).to.equal( domDiv );
  39. expect( treeView.domConverter.getCorrespondingDom( viewRoot ) ).to.equal( domDiv );
  40. expect( viewRoot.name ).to.equal( 'div' );
  41. expect( viewRoot.getAttribute( 'id' ) ).to.equal( 'editor' );
  42. expect( treeView.renderer.markedChildren.has( viewRoot ) ).to.be.true;
  43. } );
  44. } );
  45. describe( 'observer', () => {
  46. let observerMock, treeView;
  47. beforeEach( () => {
  48. observerMock = new Observer();
  49. observerMock.enable = sinon.spy();
  50. observerMock.disable = sinon.spy();
  51. observerMock.init = sinon.spy();
  52. treeView = new TreeView( document.createElement( 'div' ) );
  53. treeView.renderer.render = sinon.spy();
  54. } );
  55. it( 'should be inited and enableed on adding', () => {
  56. treeView.addObserver( observerMock );
  57. expect( treeView.observers.has( observerMock ) ).to.be.true;
  58. sinon.assert.calledOnce( observerMock.init );
  59. sinon.assert.calledWith( observerMock.init, treeView );
  60. sinon.assert.calledOnce( observerMock.enable );
  61. } );
  62. it( 'should be disableed and reenableed on render', () => {
  63. treeView.addObserver( observerMock );
  64. treeView.render();
  65. expect( treeView.observers.has( observerMock ) ).to.be.true;
  66. sinon.assert.calledOnce( observerMock.disable );
  67. sinon.assert.calledOnce( treeView.renderer.render );
  68. sinon.assert.calledTwice( observerMock.enable );
  69. } );
  70. } );
  71. } );