change value of number input when pressing arrow up or down

[Haberkamp]

What

With this change you can change the value of a number input by pressing the ArrowUp and ArrowDown key, like so:

await userEvent.type(screen.getByRole('spinbutton'), "{ArrowUp}");

Why

In browsers users are able to increment or decrement the value of a number input when pressing the up or down arrow key.

Adding this to userEvent closes the gap between this package and the browsers.

How

Checks if the input field has a min or max value defined, yes then the value cannot exceed those boundaries. If not the user can increment or decrement the value indefinitely.

If the input field has a step property then it increments or decrements in those steps.

Checklist

• [N/A] Documentation
• Tests
• Ready to be merged

Resolves #1066

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.