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); }