Issue #23 Backfill tests for Molecules/CheckboxFormField

Add tests for molecules checkbox form field

Author: brandongregoryscott

src/molecules/form-fields/checkbox-form-field.test.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { render } from "@testing-library/react";
+import { render, fireEvent } from "@testing-library/react";
 import { CheckboxFormField } from "./checkbox-form-field";
 import faker from "faker";
 
@@ -20,4 +20,44 @@ describe("CheckboxFormField", () => {
         // Assert
         expect(getByLabelText(expected)).not.toBeNull();
     });
+
+    test("when errorsMessage prop set, renders with error message", () => {
+        // Arrange
+        const label = faker.random.words();
+        const testErrorMessage = "testErrorMessage";
+
+        // Act
+        const { getByText } = render(
+            <CheckboxFormField
+                checked={false}
+                errorMessage={testErrorMessage}
+                label={label}
+                onChange={() => {}}
+            />
+        );
+
+        // Assert
+        expect(getByText(testErrorMessage)).not.toBeNil();
+    });
+
+    test("when onChange set, calls handler upon change", () => {
+        // Arrange
+        let isChecked = false;
+        const handleChange = () => (isChecked = true);
+        const label = faker.random.word();
+
+        // Act
+        const { getByText } = render(
+            <CheckboxFormField
+                checked={isChecked}
+                label={label}
+                onChange={handleChange}
+            />
+        );
+
+        fireEvent.click(getByText(label));
+
+        // Assert
+        expect(isChecked).toBeTrue();
+    });
 });