Native button should trigger click on keydown space

For of all, thank you for this handy library 😄

• @testing-library/user-event version: 12.0.11
• Testing Framework and version: jest - 26.1.0
• DOM Environment: react-dom - 16.13.1

Relevant code or config

import React from "react";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";

describe("test", () => {
  it("emits click on button type space", async () => {
    const handleClick = jest.fn();
    render(<button onClick={handleClick}>foo</button>);
    screen.getByText("foo").focus();
    await userEvent.type(screen.getByText("foo"), " ", { skipClick: true });
    expect(handleClick).toHaveBeenCalledTimes(1);
  });
});

Reproduction repository:

https://codesandbox.io/s/angry-bas-bttix?file=/src/user-event.test.js

Problem description:

A native button triggers a click event on keydown space. Currently only keydown enter is handled properly by userEvent.type.

Suggested solution:

Add the same behavior that keydown enter has for keydown space.

[kentcdodds]

That makes sense to me, though I think having a modifier (like {space}) would be useful. Would you be interested in adding support for that?

[visualjerk]

Thanks for the recap! If it is okay for you, I would try to also correct the bug in the same PR.

Actually a button is not the only element that has a value that should not be changed by typing.

We also need to consider als <input> elements with one of the following types:

• button
• color
• file
• image
• reset
• submit

I will include these in the fix as well.