/** * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* globals document */ import DomConverter from '../../../src/view/domconverter'; import ViewEditable from '../../../src/view/editableelement'; import ViewDocument from '../../../src/view/document'; import { BR_FILLER, NBSP_FILLER } from '../../../src/view/filler'; import testUtils from '@ckeditor/ckeditor5-core/tests/_utils/utils'; import global from '@ckeditor/ckeditor5-utils/src/dom/global'; testUtils.createSinonSandbox(); describe( 'DomConverter', () => { let converter; beforeEach( () => { converter = new DomConverter(); } ); describe( 'constructor()', () => { it( 'should create converter with BR block filler by default', () => { expect( converter.blockFiller ).to.equal( BR_FILLER ); } ); it( 'should create converter with defined block filler', () => { converter = new DomConverter( { blockFiller: NBSP_FILLER } ); expect( converter.blockFiller ).to.equal( NBSP_FILLER ); } ); } ); describe( 'focus()', () => { let viewEditable, domEditable, domEditableParent, viewDocument; beforeEach( () => { viewDocument = new ViewDocument(); viewEditable = new ViewEditable( 'div' ); viewEditable.document = viewDocument; domEditable = document.createElement( 'div' ); domEditableParent = document.createElement( 'div' ); converter.bindElements( domEditable, viewEditable ); domEditable.setAttribute( 'contenteditable', 'true' ); domEditableParent.appendChild( domEditable ); document.body.appendChild( domEditableParent ); } ); afterEach( () => { document.body.removeChild( domEditableParent ); viewDocument.destroy(); } ); it( 'should call focus on corresponding DOM editable', () => { const focusSpy = testUtils.sinon.spy( domEditable, 'focus' ); converter.focus( viewEditable ); expect( focusSpy.calledOnce ).to.be.true; } ); it( 'should not focus already focused editable', () => { const focusSpy = testUtils.sinon.spy( domEditable, 'focus' ); converter.focus( viewEditable ); converter.focus( viewEditable ); expect( focusSpy.calledOnce ).to.be.true; } ); // https://github.com/ckeditor/ckeditor5-engine/issues/951 // https://github.com/ckeditor/ckeditor5-engine/issues/957 it( 'should actively prevent scrolling', () => { const scrollToSpy = testUtils.sinon.stub( global.window, 'scrollTo' ); const editableScrollLeftSpy = sinon.spy(); const editableScrollTopSpy = sinon.spy(); const parentScrollLeftSpy = sinon.spy(); const parentScrollTopSpy = sinon.spy(); const documentElementScrollLeftSpy = sinon.spy(); const documentElementScrollTopSpy = sinon.spy(); Object.defineProperties( domEditable, { scrollLeft: { get: () => 20, set: editableScrollLeftSpy }, scrollTop: { get: () => 200, set: editableScrollTopSpy } } ); Object.defineProperties( domEditableParent, { scrollLeft: { get: () => 40, set: parentScrollLeftSpy }, scrollTop: { get: () => 400, set: parentScrollTopSpy } } ); Object.defineProperties( global.document.documentElement, { scrollLeft: { get: () => 60, set: documentElementScrollLeftSpy }, scrollTop: { get: () => 600, set: documentElementScrollTopSpy } } ); global.window.scrollX = 10; global.window.scrollY = 100; converter.focus( viewEditable ); sinon.assert.calledWithExactly( scrollToSpy, 10, 100 ); sinon.assert.calledWithExactly( editableScrollLeftSpy, 20 ); sinon.assert.calledWithExactly( editableScrollTopSpy, 200 ); sinon.assert.calledWithExactly( parentScrollLeftSpy, 40 ); sinon.assert.calledWithExactly( parentScrollTopSpy, 400 ); sinon.assert.calledWithExactly( documentElementScrollLeftSpy, 60 ); sinon.assert.calledWithExactly( documentElementScrollTopSpy, 600 ); } ); } ); describe( 'DOM nodes type checking', () => { let text, element, documentFragment, comment; before( () => { text = document.createTextNode( 'test' ); element = document.createElement( 'div' ); documentFragment = document.createDocumentFragment(); comment = document.createComment( 'a' ); } ); describe( 'isText()', () => { it( 'should return true for Text nodes', () => { expect( converter.isText( text ) ).to.be.true; } ); it( 'should return false for other arguments', () => { expect( converter.isText( element ) ).to.be.false; expect( converter.isText( documentFragment ) ).to.be.false; expect( converter.isText( comment ) ).to.be.false; expect( converter.isText( {} ) ).to.be.false; } ); } ); describe( 'isElement()', () => { it( 'should return true for HTMLElement nodes', () => { expect( converter.isElement( element ) ).to.be.true; } ); it( 'should return false for other arguments', () => { expect( converter.isElement( text ) ).to.be.false; expect( converter.isElement( documentFragment ) ).to.be.false; expect( converter.isElement( comment ) ).to.be.false; expect( converter.isElement( {} ) ).to.be.false; } ); } ); describe( 'isDocumentFragment()', () => { it( 'should return true for HTMLElement nodes', () => { expect( converter.isDocumentFragment( documentFragment ) ).to.be.true; } ); it( 'should return false for other arguments', () => { expect( converter.isDocumentFragment( text ) ).to.be.false; expect( converter.isDocumentFragment( element ) ).to.be.false; expect( converter.isDocumentFragment( comment ) ).to.be.false; expect( converter.isDocumentFragment( {} ) ).to.be.false; } ); } ); describe( 'isComment()', () => { it( 'should return true for HTML comments', () => { expect( converter.isComment( comment ) ).to.be.true; } ); it( 'should return false for other arguments', () => { expect( converter.isComment( text ) ).to.be.false; expect( converter.isComment( element ) ).to.be.false; expect( converter.isComment( documentFragment ) ).to.be.false; expect( converter.isComment( {} ) ).to.be.false; } ); } ); } ); } );