Merge pull request #11 from Gpx/type

feat: 🎸 add userEvent.type

__tests__/type.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { render, cleanup } from "react-testing-library";
+import "jest-dom/extend-expect";
+import userEvent from "../src";
+
+afterEach(cleanup);
+
+describe("userEvent.type", () => {
+  it.each(["input", "textarea"])("should type text in <%s>", type => {
+    const onChange = jest.fn();
+    const { getByTestId } = render(
+      React.createElement(type, { "data-testid": "input", onChange: onChange })
+    );
+    const text = "Hello, world!";
+    userEvent.type(getByTestId("input"), text);
+
+    expect(onChange).toHaveBeenCalledTimes(text.length);
+    expect(getByTestId("input")).toHaveProperty("value", text);
+  });
+});

src/index.js

@@ -71,6 +71,14 @@ const userEvent = {
     }
 
     wasAnotherElementFocused && focusedElement.blur();
+  },
+  type(element, text) {
+    this.click(element);
+    text
+      .split("")
+      .forEach((_, i) =>
+        fireEvent.change(element, { target: { value: text.slice(0, i + 1) } })
+      );
   }
 };