/** * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* globals document */ import KeyObserver from '../../../src/view/observer/keyobserver'; import View from '../../../src/view/view'; import { getCode } from '@ckeditor/ckeditor5-utils/src/keyboard'; describe( 'KeyObserver', () => { let view, viewDocument, observer; beforeEach( () => { view = new View(); viewDocument = view.document; observer = view.getObserver( KeyObserver ); } ); afterEach( () => { view.destroy(); } ); it( 'should define domEventType', () => { expect( observer.domEventType ).to.contains( 'keydown' ); expect( observer.domEventType ).to.contains( 'keyup' ); } ); describe( 'onDomEvent', () => { it( 'should fire keydown with the target and key info', () => { const spy = sinon.spy(); viewDocument.on( 'keydown', spy ); observer.onDomEvent( { type: 'keydown', target: document.body, keyCode: 111, altKey: false, ctrlKey: false, metaKey: false, shiftKey: false } ); expect( spy.calledOnce ).to.be.true; const data = spy.args[ 0 ][ 1 ]; expect( data ).to.have.property( 'domTarget', document.body ); expect( data ).to.have.property( 'keyCode', 111 ); expect( data ).to.have.property( 'altKey', false ); expect( data ).to.have.property( 'ctrlKey', false ); expect( data ).to.have.property( 'shiftKey', false ); expect( data ).to.have.property( 'keystroke', getCode( data ) ); // Just to be sure. expect( getCode( data ) ).to.equal( 111 ); } ); it( 'should fire keydown with proper key modifiers info', () => { const spy = sinon.spy(); viewDocument.on( 'keydown', spy ); observer.onDomEvent( { type: 'keydown', target: document.body, keyCode: 111, altKey: true, ctrlKey: true, metaKey: false, shiftKey: true } ); const data = spy.args[ 0 ][ 1 ]; expect( data ).to.have.property( 'keyCode', 111 ); expect( data ).to.have.property( 'altKey', true ); expect( data ).to.have.property( 'ctrlKey', true ); expect( data ).to.have.property( 'shiftKey', true ); expect( data ).to.have.property( 'keystroke', getCode( data ) ); // Just to be sure. expect( getCode( data ) ).to.be.greaterThan( 111 ); } ); it( 'should fire keydown ctrlKey set to true one meta (cmd) was pressed', () => { const spy = sinon.spy(); viewDocument.on( 'keydown', spy ); observer.onDomEvent( { type: 'keydown', target: document.body, keyCode: 111, metaKey: true } ); const data = spy.args[ 0 ][ 1 ]; expect( data ).to.have.property( 'ctrlKey', true ); } ); it( 'should fire keyup with the target and key info', () => { const spy = sinon.spy(); viewDocument.on( 'keyup', spy ); observer.onDomEvent( { type: 'keyup', target: document.body, keyCode: 111, altKey: false, ctrlKey: false, metaKey: false, shiftKey: false } ); expect( spy.calledOnce ).to.be.true; const data = spy.args[ 0 ][ 1 ]; expect( data ).to.have.property( 'domTarget', document.body ); expect( data ).to.have.property( 'keyCode', 111 ); expect( data ).to.have.property( 'altKey', false ); expect( data ).to.have.property( 'ctrlKey', false ); expect( data ).to.have.property( 'shiftKey', false ); expect( data ).to.have.property( 'keystroke', getCode( data ) ); // Just to be sure. expect( getCode( data ) ).to.equal( 111 ); } ); } ); } );