@madie/madie-design-system 1.2.46 → 1.2.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madie/madie-design-system",
-  "version": "1.2.46",
+  "version": "1.2.48",
   "description": "Shared style guide across the Madie program.",
   "main": "dist/index.js",
   "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",

package/test/components/TextArea.test.js

@@ -99,4 +99,28 @@ describe("TextArea", () => {
             expect(helperText).toBeInTheDocument();
         });
     });
+    test("TextArea shows maxLength", async () => {
+        await act(async () => {
+            const { findByTestId, getByTestId, findByText } = render(
+                <TextArea
+                    placeholder="test Name"
+                    required
+                    label="test Name"
+                    id="testName"
+                    data-testid="test-name-text-field"
+                    disabled={false}
+                    maxLength={10}
+                />
+            );
+            expect(
+                await findByTestId("test-name-text-field")
+            ).toBeInTheDocument();
+            const textNode = await getByTestId("test-name-text-field");
+            expect(textNode).toBeInTheDocument();
+            userEvent.type(textNode, "newVal");
+            Simulate.change(textNode);
+            const maxLength = await findByText("/10 Characters");
+            expect(maxLength).toBeInTheDocument();
+        });
+    });
 });

package/test/components/TextField.test.js

@@ -169,4 +169,30 @@ describe("TextField", () => {
             expect(textNode.value).toBe("newVal");
         });
     });
+
+    test("Max Length renders", async () => {
+        await act(async () => {
+            const { findByTestId, getByTestId, findByText } = render(
+                <TextField
+                    placeholder="test Name"
+                    required
+                    label="test Name"
+                    id="testName"
+                    inputProps={{ "data-testid": "test-name-input" }}
+                    data-testid="test-name-text-field"
+                    size="small"
+                    maxLength={10}
+                />
+            );
+            expect(
+                await findByTestId("test-name-text-field")
+            ).toBeInTheDocument();
+            const textNode = await getByTestId("test-name-input");
+            userEvent.type(textNode, "newVal");
+            Simulate.change(textNode);
+            expect(textNode.value).toBe("newVal");
+            const maxLength = await findByText("/10 Characters");
+            expect(maxLength).toBeInTheDocument();
+        });
+    });
 });