Merge pull request #56 from SaidShah/add-tests-for-molecules-unordered-list

Added tests for unordered list

Author: wintondeshong

src/molecules/lists/unordered-list.test.tsx

@@ -1,7 +1,8 @@
 import React from "react";
 import { render } from "@testing-library/react";
-import { UnorderedList } from "./unordered-list";
+import { UnorderedList, UnorderedListIconClassName } from "./unordered-list";
 import faker from "faker";
+import { Icons } from "../../atoms/constants/icons";
 
 describe("UnorderedList", () => {
     test("when default props, renders items", () => {
@@ -14,4 +15,38 @@ describe("UnorderedList", () => {
         // Assert
         expect(getByText(expected)).not.toBeNull();
     });
+
+    test("when cssClassName prop provided, renders with class name", () => {
+        // Arrange
+        const expected = faker.random.words();
+        const cssClassNameTest = "cssClassNameTest";
+
+        // Act
+        const { container } = render(
+            <UnorderedList
+                listItems={[expected]}
+                cssClassName={cssClassNameTest}
+            />
+        );
+        const result = container.querySelector("." + cssClassNameTest);
+
+        // Assert
+        expect(result).not.toBeNil();
+    });
+
+    test(`when default props and include icon, renders with class name ${UnorderedListIconClassName}`, () => {
+        // Arrange
+        const expected = faker.random.words();
+
+        // Act
+        const { container } = render(
+            <UnorderedList listItems={[expected]} listIcon={Icons.Checkmark} />
+        );
+        const result = container.querySelector(
+            "." + UnorderedListIconClassName
+        );
+
+        // Assert
+        expect(result).not.toBeNil();
+    });
 });

src/molecules/lists/unordered-list.tsx

@@ -2,6 +2,14 @@ import React from "react";
 import { Icons } from "../../atoms/constants/icons";
 import { StringUtils } from "andculturecode-javascript-core";
 
+// -------------------------------------------------------------------------------------------------
+// #region Constants
+// -------------------------------------------------------------------------------------------------
+
+export const UnorderedListIconClassName = "-has-icon";
+
+// #endregion Constants
+
 // -----------------------------------------------------------------------------------------
 // #region Interfaces
 // -----------------------------------------------------------------------------------------
@@ -29,7 +37,7 @@ const UnorderedList: React.FC<UnorderedListProps> = (
     }
 
     if (props.listIcon != null) {
-        cssClassNames.push("-has-icon");
+        cssClassNames.push(UnorderedListIconClassName);
         cssClassNames.push(props.listIcon);
     }