Merge pull request #55 from SaidShah/add-tests-for-molecules-radiolist

added tests for radio list

Author: wintondeshong

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

@@ -1,6 +1,11 @@
 import React from "react";
 import { render } from "@testing-library/react";
-import { RadioList } from "./radio-list";
+import {
+    RadioList,
+    RadioListClassName,
+    RadioListButtonStyleClassName,
+    RadioListStyles,
+} from "./radio-list";
 import faker from "faker";
 
 describe("RadioList", () => {
@@ -16,4 +21,32 @@ describe("RadioList", () => {
         // Assert
         expect(getByText(expected)).not.toBeNull();
     });
+
+    test("when items prop is empty, radio-list returns null", () => {
+        // Arrange & Act
+        const { container } = render(<RadioList items={[]} />);
+        const result = container.querySelector("." + RadioListClassName);
+
+        // Assert
+        expect(result).toBeNil();
+    });
+
+    test(`when type prop is ${RadioListStyles.Button}, renders with class name ${RadioListButtonStyleClassName}`, () => {
+        // Arrange
+        const expected = faker.random.words();
+
+        // Act
+        const { container } = render(
+            <RadioList
+                items={[<span>{expected}</span>]}
+                style={RadioListStyles.Button}
+            />
+        );
+        const result = container.querySelector(
+            "." + RadioListButtonStyleClassName
+        );
+
+        // Assert
+        expect(result).not.toBeNil();
+    });
 });

src/molecules/lists/radio-list.tsx

@@ -1,28 +1,51 @@
 import * as React from "react";
 import { UnorderedList } from "./unordered-list";
 
-const COMPONENT_CLASS = "c-radio-list";
+// -----------------------------------------------------------------------------------------
+// #region Constants
+// -----------------------------------------------------------------------------------------
+
+export const RadioListClassName = "c-radio-list";
+export const RadioListButtonStyleClassName = "-button-style";
+
+// #endregion Constants
+
+// -----------------------------------------------------------------------------------------
+// #region Interfaces
+// -----------------------------------------------------------------------------------------
 
 export interface RadioListProps {
     items: JSX.Element[];
     style?: RadioListStyles;
 }
 
+// #endregion Interfaces
+
+// -----------------------------------------------------------------------------------------
+// #region Enums
+// -----------------------------------------------------------------------------------------
+
 export enum RadioListStyles {
     Default = "default",
     Button = "button",
 }
 
+// #endregion Enums
+
+// -----------------------------------------------------------------------------------------
+// #region Component
+// -----------------------------------------------------------------------------------------
+
 const RadioList: React.FunctionComponent<RadioListProps> = (props) => {
     const { items, style } = props;
 
     if (items.length === 0) {
         return null;
     }
 
-    const classNames = [COMPONENT_CLASS];
+    const classNames = [RadioListClassName];
     if (style === RadioListStyles.Button) {
-        classNames.push("-button-style");
+        classNames.push(RadioListButtonStyleClassName);
     }
 
     return (
@@ -32,4 +55,12 @@ const RadioList: React.FunctionComponent<RadioListProps> = (props) => {
     );
 };
 
+// #endregion Component
+
+// -----------------------------------------------------------------------------------------
+// #region Exports
+// -----------------------------------------------------------------------------------------
+
 export { RadioList };
+
+// #endregion Exports