| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- /**
- * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
- /* global document */
- import View from '../../src/view';
- import ToolbarView from '../../src/toolbar/toolbarview';
- import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
- import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler';
- import { keyCodes } from '@ckeditor/ckeditor5-utils/src/keyboard';
- import enableToolbarKeyboardFocus from '../../src/toolbar/enabletoolbarkeyboardfocus';
- describe( 'enableToolbarKeyboardFocus()', () => {
- let origin, originFocusTracker, originKeystrokeHandler, toolbar;
- beforeEach( () => {
- origin = viewCreator();
- originFocusTracker = new FocusTracker();
- originKeystrokeHandler = new KeystrokeHandler();
- toolbar = new ToolbarView( { t: langString => langString } );
- toolbar.render();
- enableToolbarKeyboardFocus( {
- origin,
- originFocusTracker,
- originKeystrokeHandler,
- toolbar
- } );
- } );
- it( 'focuses the toolbar on Alt+F10', () => {
- const spy = sinon.spy( toolbar, 'focus' );
- const toolbarFocusTracker = toolbar.focusTracker;
- const keyEvtData = {
- keyCode: keyCodes.f10,
- altKey: true,
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy()
- };
- toolbarFocusTracker.isFocused = false;
- originFocusTracker.isFocused = false;
- originKeystrokeHandler.press( keyEvtData );
- sinon.assert.notCalled( spy );
- toolbarFocusTracker.isFocused = true;
- originFocusTracker.isFocused = true;
- originKeystrokeHandler.press( keyEvtData );
- sinon.assert.notCalled( spy );
- toolbarFocusTracker.isFocused = false;
- originFocusTracker.isFocused = true;
- originKeystrokeHandler.press( keyEvtData );
- sinon.assert.calledOnce( spy );
- sinon.assert.calledOnce( keyEvtData.preventDefault );
- sinon.assert.calledOnce( keyEvtData.stopPropagation );
- } );
- it( 're–foucuses origin on Esc', () => {
- const spy = origin.focus = sinon.spy();
- const toolbarFocusTracker = toolbar.focusTracker;
- const keyEvtData = {
- keyCode: keyCodes.esc,
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy()
- };
- toolbarFocusTracker.isFocused = false;
- toolbar.keystrokes.press( keyEvtData );
- sinon.assert.notCalled( spy );
- toolbarFocusTracker.isFocused = true;
- toolbar.keystrokes.press( keyEvtData );
- sinon.assert.calledOnce( spy );
- sinon.assert.calledOnce( keyEvtData.preventDefault );
- sinon.assert.calledOnce( keyEvtData.stopPropagation );
- } );
- it( 'supports beforeFocus and afterBlur callbacks', () => {
- const beforeFocus = sinon.spy();
- const afterBlur = sinon.spy();
- origin = viewCreator();
- originFocusTracker = new FocusTracker();
- originKeystrokeHandler = new KeystrokeHandler();
- toolbar = new ToolbarView( { t: langString => langString } );
- const toolbarFocusSpy = sinon.spy( toolbar, 'focus' );
- const originFocusSpy = origin.focus = sinon.spy();
- const toolbarFocusTracker = toolbar.focusTracker;
- toolbar.render();
- enableToolbarKeyboardFocus( {
- origin,
- originFocusTracker,
- originKeystrokeHandler,
- toolbar,
- beforeFocus,
- afterBlur
- } );
- let keyEvtData = {
- keyCode: keyCodes.f10,
- altKey: true,
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy()
- };
- toolbarFocusTracker.isFocused = false;
- originFocusTracker.isFocused = true;
- originKeystrokeHandler.press( keyEvtData );
- sinon.assert.callOrder( beforeFocus, toolbarFocusSpy );
- keyEvtData = {
- keyCode: keyCodes.esc,
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy()
- };
- toolbarFocusTracker.isFocused = true;
- toolbar.keystrokes.press( keyEvtData );
- sinon.assert.callOrder( originFocusSpy, afterBlur );
- } );
- } );
- function viewCreator( name ) {
- return locale => {
- const view = new View( locale );
- view.name = name;
- view.element = document.createElement( 'a' );
- return view;
- };
- }
|