Populate KeyboardEvent.code property

[pahuta]

@testing-library/user-event version: 12.6.0
Testing Framework and version: Jest v. 26.6
DOM Environment: jsdom v. 16.4.0

Relevant code or config

// test:
userEvent.type(ui.input.get(), '{arrowdown}');


// code:
switch (event.code) { // "user-event" doesn't fill this property properly: event.code === ''
    case 'ArrowDown': {
        ...
    }
}

What you did:
I handle keyboard event by key code.

What happened:

Generated by package event doesn't contain value of event.code (actually it contains an empty string)

Reproduction repository:
none

Problem description:
In type.js file for example for event of pressing "ArrowDown" key populated properties such as key and keyCode but not a code:

function handleArrowDown({currentElement, eventOverrides}) {
  const key = 'ArrowDown'
  const keyCode = 40

  _dom.fireEvent.keyDown(currentElement(), {
    key,
    keyCode,
    which: keyCode,
    ...eventOverrides
  });

  ...
}

Suggested solution:
Adding code to corresponding places, e.g.:

function handleArrowDown({currentElement, eventOverrides}) {
  const key = 'ArrowDown'
  const keyCode = 40
  const code = 'ArrowDown';

  _dom.fireEvent.keyDown(currentElement(), {
    code,
    key,
    keyCode,
    which: keyCode,
    ...eventOverrides
  });
  ...
}

Also it should be done for all other keys.

P.S. code looks like the same as key but it is not. Value of code is independent of modifiers like shift and used language.

[ph-fritsche]

See #456 and #521

[pahuta]

Thanks. I closed the ticket as duplicate.