CEC-775 Manifest details component (#114)

* CEC-775 Manifest details component

* Code smells

* Fix build warning

src/components/Manifest/Details/index.test.jsx

@@ -0,0 +1,46 @@
+jest.mock("../../Contexts/ManifestsContext");
+jest.mock("../../Contexts/UserContext");
+
+import React from "react";
+import { render, waitFor } from "@testing-library/react";
+import { BrowserRouter } from "react-router-dom";
+
+import { ManifestsProvider } from "../../Contexts/ManifestsContext";
+import { UserProvider, setToken } from "../../Contexts/UserContext";
+import { StatusProvider } from "../../Contexts/StatusContext";
+import ManifestDetails from ".";
+import { TEST_AUTH_OBJECT } from "../../../utils/testing";
+
+const TestComponent = (opened) => (
+  <UserProvider>
+    <BrowserRouter>
+      <StatusProvider>
+        <ManifestsProvider>
+          <ManifestDetails opened={opened} />
+        </ManifestsProvider>
+      </StatusProvider>
+    </BrowserRouter>
+  </UserProvider>
+);
+
+describe("Manifest Details Component", () => {
+  beforeAll(() => {
+    setToken(TEST_AUTH_OBJECT);
+  });
+
+  it("Render Hidden", async () => {
+    const rendered = render(TestComponent(false));
+    await waitFor(() => {
+      // pause for render
+    });
+    expect(rendered).toMatchSnapshot();
+  });
+
+  it("Render Shown", async () => {
+    const rendered = render(TestComponent(true));
+    await waitFor(() => {
+      // pause for render
+    });
+    expect(rendered).toMatchSnapshot();
+  });
+});