validate that the error state correctly is applied

mondaycom · Nov 15, 2024 · cebed49 · cebed49
1 parent dc639e3
commit cebed49
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/core/src/components/TextArea/TextArea.tsx b/packages/core/src/components/TextArea/TextArea.tsx
@@ -88,7 +88,7 @@ const TextArea = forwardRef(
           required={required}
           rows={numRows}
           className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}
-          aria-invalid={error}
+          aria-invalid={isErrorState}
           aria-describedby={ariaDescribedby}
           onChange={handleOnChange}
         />

diff --git a/packages/core/src/components/TextArea/__tests__/TextArea.test.tsx b/packages/core/src/components/TextArea/__tests__/TextArea.test.tsx
@@ -143,6 +143,7 @@ describe("TextArea", () => {
 
       expect(input).toHaveValue("12345678910");
       expect(charCount).toHaveTextContent("11/10");
+      expect(input).toHaveAttribute("aria-invalid", "true");
     });
 
     it("should allow text removal when character limit is exceeded", () => {