]>
git.proxmox.com Git - mirror_novnc.git/blob - tests/test.keyboard.js
1 var assert
= chai
.assert
;
2 var expect
= chai
.expect
;
4 import { Keyboard
} from '../core/input/devices.js';
5 import keysyms
from '../core/input/keysymdef.js';
6 import * as KeyboardUtil
from '../core/input/util.js';
9 return navigator
&& !!(/trident/i).exec(navigator
.userAgent
);
12 return navigator
&& !!(/edge/i).exec(navigator
.userAgent
);
15 /* jshint newcap: false, expr: true */
16 describe('Key Event Handling', function() {
19 // The real KeyboardEvent constructor might not work everywhere we
20 // want to run these tests
21 function keyevent(typeArg
, KeyboardEventInit
) {
22 var e
= { type
: typeArg
};
23 for (var key
in KeyboardEventInit
) {
24 e
[key
] = KeyboardEventInit
[key
];
26 e
.stopPropagation
= sinon
.spy();
27 e
.preventDefault
= sinon
.spy();
31 describe('Decode Keyboard Events', function() {
32 it('should decode keydown events', function(done
) {
33 if (isIE() || isEdge()) this.skip();
34 var kbd
= new Keyboard({
35 onKeyEvent: function(keysym
, code
, down
) {
36 expect(keysym
).to
.be
.equal(0x61);
37 expect(code
).to
.be
.equal('KeyA');
38 expect(down
).to
.be
.equal(true);
41 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', key
: 'a'}));
43 it('should decode keyup events', function(done
) {
44 if (isIE() || isEdge()) this.skip();
46 var kbd
= new Keyboard({
47 onKeyEvent: function(keysym
, code
, down
) {
48 expect(keysym
).to
.be
.equal(0x61);
49 expect(code
).to
.be
.equal('KeyA');
51 expect(down
).to
.be
.equal(false);
55 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', key
: 'a'}));
56 kbd
._handleKeyUp(keyevent('keyup', {code
: 'KeyA', key
: 'a'}));
59 describe('Legacy keypress Events', function() {
60 it('should wait for keypress when needed', function() {
61 var callback
= sinon
.spy();
62 var kbd
= new Keyboard({onKeyEvent
: callback
});
63 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', keyCode
: 0x41}));
64 expect(callback
).to
.not
.have
.been
.called
;
66 it('should decode keypress events', function(done
) {
67 var kbd
= new Keyboard({
68 onKeyEvent: function(keysym
, code
, down
) {
69 expect(keysym
).to
.be
.equal(0x61);
70 expect(code
).to
.be
.equal('KeyA');
71 expect(down
).to
.be
.equal(true);
74 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', keyCode
: 0x41}));
75 kbd
._handleKeyPress(keyevent('keypress', {code
: 'KeyA', charCode
: 0x61}));
77 it('should ignore keypress with different code', function() {
78 var callback
= sinon
.spy();
79 var kbd
= new Keyboard({onKeyEvent
: callback
});
80 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', keyCode
: 0x41}));
81 kbd
._handleKeyPress(keyevent('keypress', {code
: 'KeyB', charCode
: 0x61}));
82 expect(callback
).to
.not
.have
.been
.called
;
84 it('should handle keypress with missing code', function(done
) {
85 var kbd
= new Keyboard({
86 onKeyEvent: function(keysym
, code
, down
) {
87 expect(keysym
).to
.be
.equal(0x61);
88 expect(code
).to
.be
.equal('KeyA');
89 expect(down
).to
.be
.equal(true);
92 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', keyCode
: 0x41}));
93 kbd
._handleKeyPress(keyevent('keypress', {charCode
: 0x61}));
97 describe('suppress the right events at the right time', function() {
98 beforeEach(function () {
99 if (isIE() || isEdge()) this.skip();
101 it('should suppress anything with a valid key', function() {
102 var kbd
= new Keyboard({});
103 var evt
= keyevent('keydown', {code
: 'KeyA', key
: 'a'});
104 kbd
._handleKeyDown(evt
);
105 expect(evt
.preventDefault
).to
.have
.been
.called
;
106 evt
= keyevent('keyup', {code
: 'KeyA', key
: 'a'});
107 kbd
._handleKeyUp(evt
);
108 expect(evt
.preventDefault
).to
.have
.been
.called
;
110 it('should not suppress keys without key', function() {
111 var kbd
= new Keyboard({});
112 var evt
= keyevent('keydown', {code
: 'KeyA', keyCode
: 0x41});
113 kbd
._handleKeyDown(evt
);
114 expect(evt
.preventDefault
).to
.not
.have
.been
.called
;
116 it('should suppress the following keypress event', function() {
117 var kbd
= new Keyboard({});
118 var evt
= keyevent('keydown', {code
: 'KeyA', keyCode
: 0x41});
119 kbd
._handleKeyDown(evt
);
120 var evt
= keyevent('keypress', {code
: 'KeyA', charCode
: 0x41});
121 kbd
._handleKeyPress(evt
);
122 expect(evt
.preventDefault
).to
.have
.been
.called
;
127 describe('Track Key State', function() {
128 beforeEach(function () {
129 if (isIE() || isEdge()) this.skip();
131 it('should send release using the same keysym as the press', function(done
) {
132 var kbd
= new Keyboard({
133 onKeyEvent: function(keysym
, code
, down
) {
134 expect(keysym
).to
.be
.equal(0x61);
135 expect(code
).to
.be
.equal('KeyA');
140 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', key
: 'a'}));
141 kbd
._handleKeyUp(keyevent('keyup', {code
: 'KeyA', key
: 'b'}));
143 it('should send the same keysym for multiple presses', function() {
145 var kbd
= new Keyboard({
146 onKeyEvent: function(keysym
, code
, down
) {
147 expect(keysym
).to
.be
.equal(0x61);
148 expect(code
).to
.be
.equal('KeyA');
149 expect(down
).to
.be
.equal(true);
152 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', key
: 'a'}));
153 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', key
: 'b'}));
154 expect(count
).to
.be
.equal(2);
156 it('should do nothing on keyup events if no keys are down', function() {
157 var callback
= sinon
.spy();
158 var kbd
= new Keyboard({onKeyEvent
: callback
});
159 kbd
._handleKeyUp(keyevent('keyup', {code
: 'KeyA', key
: 'a'}));
160 expect(callback
).to
.not
.have
.been
.called
;
164 describe('Shuffle modifiers on macOS', function() {
166 beforeEach(function () {
167 // window.navigator is a protected read-only property in many
168 // environments, so we need to redefine it whilst running these
170 origNavigator
= Object
.getOwnPropertyDescriptor(window
, "navigator");
171 if (origNavigator
=== undefined) {
172 // Object.getOwnPropertyDescriptor() doesn't work
173 // properly in any version of IE
177 Object
.defineProperty(window
, "navigator", {value
: {}});
178 if (window
.navigator
.platform
!== undefined) {
179 // Object.defineProperty() doesn't work properly in old
180 // versions of Chrome
184 window
.navigator
.platform
= "Mac x86_64";
186 afterEach(function () {
187 Object
.defineProperty(window
, "navigator", origNavigator
);
190 it('should change Alt to AltGraph', function() {
192 var kbd
= new Keyboard({
193 onKeyEvent: function(keysym
, code
, down
) {
196 expect(keysym
).to
.be
.equal(0xFF7E);
197 expect(code
).to
.be
.equal('AltLeft');
200 expect(keysym
).to
.be
.equal(0xFE03);
201 expect(code
).to
.be
.equal('AltRight');
205 kbd
._handleKeyDown(keyevent('keydown', {code
: 'AltLeft', key
: 'Alt', location
: 1}));
206 kbd
._handleKeyDown(keyevent('keydown', {code
: 'AltRight', key
: 'Alt', location
: 2}));
207 expect(count
).to
.be
.equal(2);
209 it('should change left Super to Alt', function(done
) {
210 var kbd
= new Keyboard({
211 onKeyEvent: function(keysym
, code
, down
) {
212 expect(keysym
).to
.be
.equal(0xFFE9);
213 expect(code
).to
.be
.equal('MetaLeft');
216 kbd
._handleKeyDown(keyevent('keydown', {code
: 'MetaLeft', key
: 'Meta', location
: 1}));
218 it('should change right Super to left Super', function(done
) {
219 var kbd
= new Keyboard({
220 onKeyEvent: function(keysym
, code
, down
) {
221 expect(keysym
).to
.be
.equal(0xFFEB);
222 expect(code
).to
.be
.equal('MetaRight');
225 kbd
._handleKeyDown(keyevent('keydown', {code
: 'MetaRight', key
: 'Meta', location
: 2}));
229 describe('Escape AltGraph on Windows', function() {
231 beforeEach(function () {
232 // window.navigator is a protected read-only property in many
233 // environments, so we need to redefine it whilst running these
235 origNavigator
= Object
.getOwnPropertyDescriptor(window
, "navigator");
236 if (origNavigator
=== undefined) {
237 // Object.getOwnPropertyDescriptor() doesn't work
238 // properly in any version of IE
242 Object
.defineProperty(window
, "navigator", {value
: {}});
243 if (window
.navigator
.platform
!== undefined) {
244 // Object.defineProperty() doesn't work properly in old
245 // versions of Chrome
249 window
.navigator
.platform
= "Windows x86_64";
251 afterEach(function () {
252 Object
.defineProperty(window
, "navigator", origNavigator
);
255 it('should generate fake undo/redo events on press when AltGraph is down', function() {
256 var times_called
= 0;
257 var kbd
= new Keyboard({
258 onKeyEvent: function(keysym
, code
, down
) {
259 switch(times_called
++) {
261 expect(keysym
).to
.be
.equal(0xFFE3);
262 expect(code
).to
.be
.equal('ControlLeft');
263 expect(down
).to
.be
.equal(true);
266 expect(keysym
).to
.be
.equal(0xFFEA);
267 expect(code
).to
.be
.equal('AltRight');
268 expect(down
).to
.be
.equal(true);
271 expect(keysym
).to
.be
.equal(0xFFEA);
272 expect(code
).to
.be
.equal('AltRight');
273 expect(down
).to
.be
.equal(false);
276 expect(keysym
).to
.be
.equal(0xFFE3);
277 expect(code
).to
.be
.equal('ControlLeft');
278 expect(down
).to
.be
.equal(false);
281 expect(keysym
).to
.be
.equal(0x61);
282 expect(code
).to
.be
.equal('KeyA');
283 expect(down
).to
.be
.equal(true);
286 expect(keysym
).to
.be
.equal(0xFFE3);
287 expect(code
).to
.be
.equal('ControlLeft');
288 expect(down
).to
.be
.equal(true);
291 expect(keysym
).to
.be
.equal(0xFFEA);
292 expect(code
).to
.be
.equal('AltRight');
293 expect(down
).to
.be
.equal(true);
297 // First the modifier combo
298 kbd
._handleKeyDown(keyevent('keydown', {code
: 'ControlLeft', key
: 'Control', location
: 1}));
299 kbd
._handleKeyDown(keyevent('keydown', {code
: 'AltRight', key
: 'Alt', location
: 2}));
300 // Next a normal character
301 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', key
: 'a'}));
302 expect(times_called
).to
.be
.equal(7);
304 it('should no do anything on key release', function() {
305 var times_called
= 0;
306 var kbd
= new Keyboard({
307 onKeyEvent: function(keysym
, code
, down
) {
308 switch(times_called
++) {
310 expect(keysym
).to
.be
.equal(0x61);
311 expect(code
).to
.be
.equal('KeyA');
312 expect(down
).to
.be
.equal(false);
316 // First the modifier combo
317 kbd
._handleKeyDown(keyevent('keydown', {code
: 'ControlLeft', key
: 'Control', location
: 1}));
318 kbd
._handleKeyDown(keyevent('keydown', {code
: 'AltRight', key
: 'Alt', location
: 2}));
319 // Next a normal character
320 kbd
._handleKeyDown(keyevent('keydown', {code
: 'KeyA', key
: 'a'}));
321 kbd
._handleKeyUp(keyevent('keyup', {code
: 'KeyA', key
: 'a'}));
322 expect(times_called
).to
.be
.equal(8);
324 it('should not consider a char modifier to be down on the modifier key itself', function() {
325 var times_called
= 0;
326 var kbd
= new Keyboard({
327 onKeyEvent: function(keysym
, code
, down
) {
328 switch(times_called
++) {
330 expect(keysym
).to
.be
.equal(0xFFE3);
331 expect(code
).to
.be
.equal('ControlLeft');
332 expect(down
).to
.be
.equal(true);
335 expect(keysym
).to
.be
.equal(0xFFE9);
336 expect(code
).to
.be
.equal('AltLeft');
337 expect(down
).to
.be
.equal(true);
340 expect(keysym
).to
.be
.equal(0xFFE3);
341 expect(code
).to
.be
.equal('ControlLeft');
342 expect(down
).to
.be
.equal(true);
346 // First the modifier combo
347 kbd
._handleKeyDown(keyevent('keydown', {code
: 'ControlLeft', key
: 'Control', location
: 1}));
348 kbd
._handleKeyDown(keyevent('keydown', {code
: 'AltLeft', key
: 'Alt', location
: 1}));
349 // Then one of the keys again
350 kbd
._handleKeyDown(keyevent('keydown', {code
: 'ControlLeft', key
: 'Control', location
: 1}));
351 expect(times_called
).to
.be
.equal(3);