fix: add code to KeyboardEvent (#512)

Author: adrianrutkowski

projects/spectator/src/lib/event-creators.ts

@@ -72,6 +72,7 @@ export function createKeyboardEvent(type: string, keyOrKeyCode: string | number
   // Webkit Browsers don't set the keyCode when calling the init function.
   // See related bug https://bugs.webkit.org/show_bug.cgi?id=16735
   Object.defineProperties(event, {
+    code: { get: () => keyCode },
     keyCode: { get: () => keyCode },
     key: { get: () => key },
     target: { get: () => target },

projects/spectator/test/events/events.component.html

@@ -5,5 +5,6 @@ <h1>{{ event }}</h1>
        (keyup.control.shift.a)="onPressCtrlShiftA()"
        (keyup.dot)="onPressDot()"
        (keyup.arrowleft)="onPressArrowLeft($event)"
+       (keyup.arrowup)="onPressArrowUp($event)"
        (keyup.control.shift.arrowright)="onPressArrowRight($event)"
 >

projects/spectator/test/events/events.component.spec.ts

@@ -44,6 +44,11 @@ describe('EventsComponent', () => {
     expect(spectator.query('h1')).toHaveText('pressed ArrowLeft:40');
   });
 
+  it('should include key and code when KeyboardEventOptions are passed', () => {
+    spectator.dispatchKeyboardEvent('input', 'keyup', { key: 'ArrowUp', keyCode: 38 });
+    expect(spectator.query('h1')).toHaveText('pressed ArrowUp:38');
+  });
+
   it('should parse modifiers from KeyboardEventOptions.key', () => {
     spectator.dispatchKeyboardEvent('input', 'keyup', { key: 'ctrl.shift.ArrowRight', keyCode: 39 });
     expect(spectator.query('h1')).toHaveText('pressed ArrowRight:39');

projects/spectator/test/events/events.component.ts

@@ -39,4 +39,8 @@ export class EventsComponent {
   public onPressArrowRight(event: KeyboardEvent): void {
     this.event = `pressed ArrowRight:${event.keyCode}`;
   }
+
+  public onPressArrowUp(event: KeyboardEvent): void {
+    this.event = `pressed ${event.key}:${event.code}`;
+  }
 }