/** * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* bender-tags: view */ import createDocumentMock from '/tests/engine/view/_utils/createdocumentmock.js'; import RootEditableElement from '/ckeditor5/engine/view/rooteditableelement.js'; import Range from '/ckeditor5/engine/view/range.js'; describe( 'EditableElement', () => { describe( 'isFocused', () => { let docMock, viewMain, viewHeader; beforeEach( () => { docMock = createDocumentMock(); viewMain = new RootEditableElement( docMock, 'div' ); viewHeader = new RootEditableElement( docMock, 'h1', 'header' ); } ); it( 'should be observable', () => { const root = new RootEditableElement( createDocumentMock(), 'div' ); expect( root.isFocused ).to.be.false; const isFocusedSpy = sinon.spy(); root.on( 'change:isFocused', isFocusedSpy ); root.isFocused = true; expect( root.isFocused ).to.be.true; expect( isFocusedSpy.calledOnce ).to.be.true; } ); it( 'should change isFocused on document render event', () => { const rangeMain = Range.createFromParentsAndOffsets( viewMain, 0, viewMain, 0 ); const rangeHeader = Range.createFromParentsAndOffsets( viewHeader, 0, viewHeader, 0 ); docMock.selection.addRange( rangeMain ); docMock.isFocused = true; expect( viewMain.isFocused ).to.be.true; expect( viewHeader.isFocused ).to.be.false; docMock.selection.setRanges( [ rangeHeader ] ); docMock.fire( 'render' ); expect( viewMain.isFocused ).to.be.false; expect( viewHeader.isFocused ).to.be.true; } ); it( 'should change isFocused when document.isFocus changes', () => { const rangeMain = Range.createFromParentsAndOffsets( viewMain, 0, viewMain, 0 ); const rangeHeader = Range.createFromParentsAndOffsets( viewHeader, 0, viewHeader, 0 ); docMock.selection.addRange( rangeMain ); docMock.isFocused = true; expect( viewMain.isFocused ).to.be.true; expect( viewHeader.isFocused ).to.be.false; docMock.isFocused = false; expect( viewMain.isFocused ).to.be.false; expect( viewHeader.isFocused ).to.be.false; docMock.selection.setRanges( [ rangeHeader ] ); expect( viewMain.isFocused ).to.be.false; expect( viewHeader.isFocused ).to.be.false; } ); } ); describe( 'isReadOnly', () => { it( 'should be observable', () => { const root = new RootEditableElement( createDocumentMock(), 'div' ); expect( root.isReadOnly ).to.be.false; const isReadOnlySpy = sinon.spy(); root.on( 'change:isReadOnly', isReadOnlySpy ); root.isReadOnly = true; expect( root.isReadOnly ).to.be.true; expect( isReadOnlySpy.calledOnce ).to.be.true; } ); } ); describe( 'getDocument', ()=> { it( 'should return document', () => { const docMock = createDocumentMock(); const root = new RootEditableElement( docMock, 'div' ); expect( root.document ).to.equal( docMock ); } ); } ); } );