Added and updated tests for text area

src/atoms/forms/text-area.test.tsx

@@ -1,5 +1,39 @@
 import React from "react";
+import { TextArea } from "./text-area";
+import uuid from "uuid";
+import { render, fireEvent } from "@testing-library/react";
+import faker from "faker";
 
 describe("TextArea", () => {
-    test.skip("TODO - https://github.com/AndcultureCode/AndcultureCode.JavaScript.React.Components/issues/10", () => {});
+    test("when default props, renders text area", () => {
+        // Arrange
+        const expected = faker.random.word();
+
+        // Act
+        const { getByTestId } = render(
+            <TextArea id={uuid()} onChange={() => {}} testId={expected} />
+        );
+
+        // Assert
+        expect(getByTestId(expected)).not.toBeNil();
+    });
+
+    test("when onChange set, calls handler upon change", () => {
+        // Arrange
+        let isChecked = false;
+        const handleChange = () => (isChecked = true);
+        const expected = faker.random.word();
+
+        // Act
+        const { getByTestId } = render(
+            <TextArea id={expected} onChange={handleChange} testId={expected} />
+        );
+
+        fireEvent.change(getByTestId(expected), {
+            target: { value: faker.random.word() },
+        });
+
+        // Assert
+        expect(isChecked).toBeTrue();
+    });
 });

src/atoms/forms/text-area.tsx

@@ -41,7 +41,7 @@ const TextArea: React.FC<TextAreaProps> = (props: TextAreaProps) => {
 
     return (
         <textarea
-            data-test-id={testId}
+            data-testid={testId}
             disabled={disabled}
             id={id}
             maxLength={maxLength}