Added additional tests to make up for lost coverage on altered components

Author: alexgetty

src/atoms/anchors/anchor.test.tsx

@@ -3,6 +3,7 @@ import { act, render, wait, fireEvent } from "@testing-library/react";
 import { Anchor } from "./anchor";
 import faker from "faker";
 import { MemoryRouter } from "react-router-dom";
+import { Icons } from "../constants/icons";
 
 describe("Anchor", () => {
     it("when default props, renders link with correct url", async () => {
@@ -105,4 +106,24 @@ describe("Anchor", () => {
             ).not.toBeNull();
         });
     });
+
+    it("when icon prop is set, renders link with icon tag", async () => {
+        // Arrange
+        const expected = `/some/random/path/${faker.random.word()}`;
+        const icon = Icons.Close;
+
+        // Act
+        const { container } = render(
+            <MemoryRouter>
+                <Anchor icon={icon} to={expected}>Link</Anchor>
+            </MemoryRouter>
+        );
+
+        const result = container.getElementsByTagName("a")[0].firstChild.nodeName;
+
+        // Assert
+        await wait(() => {
+            expect(result).toBe("I");
+        });
+    });
 });

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

@@ -3,6 +3,7 @@ import { TextInput } from "./text-input";
 import faker from "faker";
 import { render, fireEvent } from "@testing-library/react";
 import uuid from "uuid";
+import { Icons } from "../constants/icons";
 
 describe("TextInput", () => {
     test("when default props, renders input", () => {
@@ -61,4 +62,19 @@ describe("TextInput", () => {
             maximumLength.toString()
         );
     });
+
+    test("when icon prop has value, renders input with icon tag", () => {
+        // Arrange
+        const icon = Icons.Checkmark;
+
+        // Act
+        const { container } = render(
+            <TextInput icon={icon} onChange={() => {}} id={uuid()} />
+        );
+
+        const result = container.getElementsByClassName("c-text-input")[0].firstChild.nodeName;
+
+        // Assert
+        expect(result).toBe("I");
+    });
 });

src/atoms/typography/heading.test.tsx

@@ -2,6 +2,8 @@ import React from "react";
 import faker from "faker";
 import { Heading } from "./heading";
 import { render } from "@testing-library/react";
+import { Icon } from "../icons/icon";
+import { Icons } from "../constants/icons";
 
 describe("Heading", () => {
     test("when default props, renders heading", () => {
@@ -29,4 +31,20 @@ describe("Heading", () => {
         // Assert
         expect(result[0]).not.toBeNil();
     });
+
+    test("when icon prop has value, renders with icon tag", () => {
+        // Act
+        const randomText = faker.random.words();
+        const icon = Icons.Checkmark;
+
+        // Arrange
+        const { container } = render(
+            <Heading icon={icon}>{randomText}</Heading>
+        );
+
+        const result = container.getElementsByClassName("c-heading")[0].firstChild.nodeName;
+
+        // Assert
+        expect(result).toBe("I");
+    });
 });