From e8413fecf052d1b96ec259e3ac1b831186d83af7 Mon Sep 17 00:00:00 2001
From: David Laganiere <40720561+davidlag0@users.noreply.github.com>
Date: Sun, 26 Feb 2023 16:45:03 -0500
Subject: [PATCH] test(HomeLoggedIn): add snapshot tests

---
 .../unit/components/HomeLoggedIn.test.jsx     |  46 ++++++
 .../__snapshots__/HomeLoggedIn.test.jsx.snap  | 145 ++++++++++++++++++
 2 files changed, 191 insertions(+)
 create mode 100644 frontend/__tests__/unit/components/HomeLoggedIn.test.jsx
 create mode 100644 frontend/__tests__/unit/components/__snapshots__/HomeLoggedIn.test.jsx.snap

diff --git a/frontend/__tests__/unit/components/HomeLoggedIn.test.jsx b/frontend/__tests__/unit/components/HomeLoggedIn.test.jsx
new file mode 100644
index 0000000..2877952
--- /dev/null
+++ b/frontend/__tests__/unit/components/HomeLoggedIn.test.jsx
@@ -0,0 +1,46 @@
+import { render, screen } from "@testing-library/react";
+import HomeLoggedIn from "components/HomeLoggedIn";
+import { Router } from "react-router-dom";
+import { createMemoryHistory } from "history";
+import { testNetwork } from "../../data/network";
+import API from "utils/API";
+import MockAdapter from "axios-mock-adapter";
+
+describe("HomeLoggedIn", () => {
+  it("renders HomeLoggedIn unchanged (no network)", async () => {
+    const mock = new MockAdapter(API);
+    const history = createMemoryHistory();
+
+    mock.onGet("network").reply(200, []);
+
+    const { container } = render(
+      <Router history={history}>
+        <HomeLoggedIn />
+      </Router>
+    );
+
+    expect(
+      await screen.findByText(/Please create at least one network/i)
+    ).toBeInTheDocument();
+
+    expect(container).toMatchSnapshot();
+  });
+
+  it("renders HomeLoggedIn unchanged (with network)", async () => {
+    const mock = new MockAdapter(API);
+    const history = createMemoryHistory();
+
+    mock.onGet("network").reply(200, [testNetwork]);
+
+    const { container } = render(
+      <Router history={history}>
+        <HomeLoggedIn />
+      </Router>
+    );
+
+    expect(await screen.findByText(/0d303702cd0f1fc6/)).toBeInTheDocument();
+    expect(await screen.findByText(/new-net-11166/)).toBeInTheDocument();
+
+    expect(container).toMatchSnapshot();
+  });
+});
diff --git a/frontend/__tests__/unit/components/__snapshots__/HomeLoggedIn.test.jsx.snap b/frontend/__tests__/unit/components/__snapshots__/HomeLoggedIn.test.jsx.snap
new file mode 100644
index 0000000..5a9e221
--- /dev/null
+++ b/frontend/__tests__/unit/components/__snapshots__/HomeLoggedIn.test.jsx.snap
@@ -0,0 +1,145 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`HomeLoggedIn renders HomeLoggedIn unchanged (no network) 1`] = `
+<div>
+  <div
+    class="makeStyles-root-1"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-createBtn-2 MuiButton-containedPrimary"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiButton-label"
+      >
+        Create A Network
+      </span>
+      <span
+        class="MuiTouchRipple-root"
+      />
+    </button>
+    <hr
+      class="MuiDivider-root"
+    />
+    <div
+      class="MuiGrid-root makeStyles-container-3 MuiGrid-container MuiGrid-spacing-xs-3"
+    >
+      <div
+        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
+      >
+        <h5
+          class="MuiTypography-root MuiTypography-h5"
+        >
+          Controller networks
+        </h5>
+        <div
+          class="MuiBox-root MuiBox-root-4"
+        />
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto"
+      >
+        <p
+          class="MuiTypography-root MuiTypography-body1"
+        >
+          Networks
+        </p>
+        <div
+          class="MuiGrid-root MuiGrid-item"
+        >
+          <div>
+            Please create at least one network
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`HomeLoggedIn renders HomeLoggedIn unchanged (with network) 1`] = `
+<div>
+  <div
+    class="makeStyles-root-5"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-createBtn-6 MuiButton-containedPrimary"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiButton-label"
+      >
+        Create A Network
+      </span>
+      <span
+        class="MuiTouchRipple-root"
+      />
+    </button>
+    <hr
+      class="MuiDivider-root"
+    />
+    <div
+      class="MuiGrid-root makeStyles-container-7 MuiGrid-container MuiGrid-spacing-xs-3"
+    >
+      <div
+        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
+      >
+        <h5
+          class="MuiTypography-root MuiTypography-h5"
+        >
+          Controller networks
+        </h5>
+        Network controller address
+        <div
+          class="MuiBox-root MuiBox-root-8"
+        >
+          0d303702cd
+        </div>
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto"
+      >
+        <p
+          class="MuiTypography-root MuiTypography-body1"
+        >
+          Networks
+        </p>
+        <div
+          class="MuiGrid-root MuiGrid-item"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-item"
+          >
+            <div
+              class="netBtn"
+              role="button"
+            >
+              <a
+                class="makeStyles-link-9"
+                href="/network/0d303702cd0f1fc6"
+              >
+                <ul
+                  class="MuiList-root makeStyles-flexContainer-10 MuiList-padding"
+                >
+                  <li
+                    class="MuiListItem-root makeStyles-nwid-12 MuiListItem-gutters"
+                  >
+                    0d303702cd0f1fc6
+                  </li>
+                  <li
+                    class="MuiListItem-root makeStyles-name-11 MuiListItem-gutters"
+                  >
+                    new-net-11166
+                  </li>
+                </ul>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;