userEvent.type(input, 'text') consistently shuffles the input

• @testing-library/user-event version: 12.0.11
• Testing Framework and version: jest@24.9.0
• DOM Environment: jsdom@14.0.0 (via jest-environment-jsdom-fourteen)

I’m having some issues with the following test-snippet (copied from the readme with some minor modification):

test('type', () => {
  render(<textarea />);

  userEvent.type(screen.getByRole('textbox'), 'hey');
  expect(screen.getByRole('textbox')).toHaveValue('hey');
});

When I run this, it fails with the following output:

Whatever text i input, it chucks the first input-character at the end, (i.e. 123 -> 231).

I’m guessing this is not the expected outcome - or if so, what am I missing? 😁

I’m using fireEvent.change(screen.getByRole('textbox'), { target: { value: 'hey' } }) as a workaround for now.

[nickmccurdy]

Code Sandbox has now pinned JSDOM 16, but create-react-app (which is used when downloading the sandbox) is still stuck on JSDOM 14. You can work around this by installing jest-environment-jsdom-sixteen and adding --env jest-environment-jsdom-sixteen to the test script until CRA is updated with Jest 26 support.

[kentcdodds]

I have reproduced this issue: https://codesandbox.io/s/pedantic-maxwell-wu50t?file=/src/__tests__/index.js

I’m guessing it’s something odd with React because we absolutely have tests for this:

https://github.com/testing-library/user-event/blob/26d246269058228a8255aa1ce8b3e438aa7ad3e2/src/__tests__/type.js#L109-L144

I’m not sure what the problem is, but if someone wants to investigate and figure out what we’re doing wrong that would be great.