Added a test-util file, added tests for link card, and added a default value for the to field in link card

Author: Said Shah

src/molecules/link-card/link-card.test.tsx

@@ -1,3 +1,20 @@
+import React from "react";
+import faker from "faker";
+import { LinkCard } from "./link-card";
+import { TestUtils } from "../../tests/test-utils";
+
 describe("LinkCard", () => {
-    test.skip("TODO - https://github.com/AndcultureCode/AndcultureCode.JavaScript.React.Components/issues/36", () => {});
+    test("When default props renders children", () => {
+        // Arrange
+        const expected = faker.random.words();
+        const label = faker.random.words();
+
+        // Act
+        const { getByText } = TestUtils.renderWithRouter(
+            <LinkCard label={label}>{expected}</LinkCard>
+        );
+
+        //Assert
+        expect(getByText(expected)).not.toBeNull();
+    });
 });

src/molecules/link-card/link-card.tsx

@@ -45,6 +45,7 @@ const LinkCard: React.FC<LinkCardProps> = (props: LinkCardProps) => {
     const cssClassNamesFlat = cssClassNames.join(" ");
     const iconType = props.iconType ?? Icons.Lightbulb;
     const type = props.type ?? LinkCardTypes.Link;
+    const to = props.to ?? "#";
 
     const renderChildren = () => (
         <React.Fragment>
@@ -78,7 +79,7 @@ const LinkCard: React.FC<LinkCardProps> = (props: LinkCardProps) => {
             )}
             {// if
             type === LinkCardTypes.Link && (
-                <Anchor cssClassName={cssClassNamesFlat} to={props.to}>
+                <Anchor cssClassName={cssClassNamesFlat} to={to}>
                     {renderChildren()}
                 </Anchor>
             )}

src/tests/test-utils.ts

@@ -0,0 +1,32 @@
+import { MemoryRouter } from "react-router-dom";
+import { render } from "@testing-library/react";
+
+// -----------------------------------------------------------------------------------------
+// #region Functions
+// -----------------------------------------------------------------------------------------
+
+/**
+ * Returns a React component wrapped in a MemoryRouter. Used for Components that
+ * must be rendered inside a Route Component.
+ *
+ * @param component
+ * @returns {ReactComponent}
+ */
+
+const _renderWithRouter = (ui, { route = "/" } = {}) => {
+    window.history.pushState({}, "Test page", route);
+
+    return render(ui, { wrapper: MemoryRouter });
+};
+
+// #endregion Functions
+
+// -----------------------------------------------------------------------------------------
+// #region Exports
+// -----------------------------------------------------------------------------------------
+
+export const TestUtils = {
+    renderWithRouter: _renderWithRouter,
+};
+
+// #endregion Exports