test(type): can't write past maxLength

testing-library · Nov 19, 2019 · 61a1b6d · 61a1b6d
1 parent 7e31a51
commit 61a1b6d
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/__tests__/react/type.js b/__tests__/react/type.js
@@ -135,4 +135,29 @@ describe("userEvent.type", () => {
       expect(getByTestId("input")).toHaveProperty("value", text);
     }
   );
+
+  it.each(["input", "textarea"])(
+    "should type text in <%s> up to maxLength if provided",
+    type => {
+      const onChange = jest.fn();
+      const maxLength = 10;
+
+      const { getByTestId } = render(
+        React.createElement(type, {
+          "data-testid": "input",
+          onChange: onChange,
+          maxLength
+        })
+      );
+
+      const text = "superlongtext";
+      const slicedText = text.slice(0, maxLength);
+
+      userEvent.type(getByTestId("input"), text, {
+        allAtOnce: true
+      });
+
+      expect(getByTestId("input")).toHaveProperty("value", slicedText);
+    }
+  );
 });
diff --git a/__tests__/vue/type.js b/__tests__/vue/type.js
@@ -145,4 +145,23 @@ describe("userEvent.type", () => {
       expect(input).toHaveBeenCalledTimes(1);
     }
   );
+
+  it.each(["input", "textarea"])(
+    "should type text in <%s> up to maxLength if provided",
+    type => {
+      const input = jest.fn();
+      const maxLength = 10;
+
+      const { getByTestId } = renderComponent(type, { input }, { maxLength });
+
+      const text = "superlongtext";
+      const slicedText = text.slice(0, maxLength);
+
+      userEvent.type(getByTestId("input"), text, {
+        allAtOnce: true
+      });
+
+      expect(getByTestId("input")).toHaveProperty("value", slicedText);
+    }
+  );
 });