added tests for radio list

Author: Said Shah

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,
+    COMPONENT_CLASS,
+    RadioListStyles,
+    RadioListButtonStyleClassName,
+} 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", () => {
+        // Arrange & Act
+        const { container } = render(<RadioList items={[]} />);
+        const result = container.querySelector("." + COMPONENT_CLASS);
+
+        // 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,7 +1,8 @@
 import * as React from "react";
 import { UnorderedList } from "./unordered-list";
 
-const COMPONENT_CLASS = "c-radio-list";
+export const COMPONENT_CLASS = "c-radio-list";
+export const RadioListButtonStyleClassName = "-button-style";
 
 export interface RadioListProps {
     items: JSX.Element[];
@@ -22,7 +23,7 @@ const RadioList: React.FunctionComponent<RadioListProps> = (props) => {
 
     const classNames = [COMPONENT_CLASS];
     if (style === RadioListStyles.Button) {
-        classNames.push("-button-style");
+        classNames.push(RadioListButtonStyleClassName);
     }
 
     return (