diff --git a/src/molecules/lists/unordered-list.test.tsx b/src/molecules/lists/unordered-list.test.tsx
index 4622f04..5439f66 100644
--- a/src/molecules/lists/unordered-list.test.tsx
+++ b/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(
+
+ );
+ 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(
+
+ );
+ const result = container.querySelector(
+ "." + UnorderedListIconClassName
+ );
+
+ // Assert
+ expect(result).not.toBeNil();
+ });
});
diff --git a/src/molecules/lists/unordered-list.tsx b/src/molecules/lists/unordered-list.tsx
index f2e4f83..14e3ff7 100644
--- a/src/molecules/lists/unordered-list.tsx
+++ b/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 = (
}
if (props.listIcon != null) {
- cssClassNames.push("-has-icon");
+ cssClassNames.push(UnorderedListIconClassName);
cssClassNames.push(props.listIcon);
}