From c098538b9e51bcd025792181ff47806835fc61ed Mon Sep 17 00:00:00 2001
From: jwu-fisker <jwu@fiskerinc.com>
Date: Wed, 6 Jan 2021 20:05:16 -0800
Subject: [PATCH] Add File upload form snapshot test

---
 .../FileUploadForm/FileUploadForm.test.js     | 15 ++++
 .../__snapshots__/FileUploadForm.test.js.snap | 78 +++++++++++++++++++
 2 files changed, 93 insertions(+)
 create mode 100644 src/components/FileUploadForm/FileUploadForm.test.js
 create mode 100644 src/components/FileUploadForm/__snapshots__/FileUploadForm.test.js.snap

diff --git a/src/components/FileUploadForm/FileUploadForm.test.js b/src/components/FileUploadForm/FileUploadForm.test.js
new file mode 100644
index 0000000..527d960
--- /dev/null
+++ b/src/components/FileUploadForm/FileUploadForm.test.js
@@ -0,0 +1,15 @@
+import React from "react";
+import { BrowserRouter } from 'react-router-dom';
+import {render, cleanup, screen, fireEvent, waitFor} from "@testing-library/react"
+jest.mock("../Contexts/UserContext");
+import { useUserContext, UserProvider } from "../Contexts/UserContext";
+import FileUploadForm from './index';
+
+describe("File Upload Form", () => {
+
+  it("Should render", () => {
+    const { container } = render(<BrowserRouter><FileUploadForm /></BrowserRouter>);
+    expect(container).toMatchSnapshot();
+    cleanup();
+  })
+})
\ No newline at end of file
diff --git a/src/components/FileUploadForm/__snapshots__/FileUploadForm.test.js.snap b/src/components/FileUploadForm/__snapshots__/FileUploadForm.test.js.snap
new file mode 100644
index 0000000..70916a3
--- /dev/null
+++ b/src/components/FileUploadForm/__snapshots__/FileUploadForm.test.js.snap
@@ -0,0 +1,78 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`File Upload Form Should render 1`] = `
+<div>
+  <main
+    class="MuiContainer-root MuiContainer-maxWidthXs"
+  >
+    <div
+      class="makeStyles-paper-1"
+    >
+      <h1
+        class="MuiTypography-root MuiTypography-h5"
+      >
+        Upload File
+      </h1>
+      <form
+        class="makeStyles-form-3"
+        novalidate=""
+      >
+        <div
+          class="MuiDropzoneArea-root"
+          tabindex="0"
+        >
+          <input
+            accept=""
+            autocomplete="off"
+            multiple=""
+            style="display: none;"
+            tabindex="-1"
+            type="file"
+          />
+          <div
+            class="MuiDropzoneArea-textContainer"
+          >
+            <p
+              class="MuiTypography-root MuiDropzoneArea-text MuiTypography-h5"
+            >
+              Drag and drop a file here or click
+            </p>
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiDropzoneArea-icon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
+              />
+            </svg>
+          </div>
+        </div>
+        <div
+          class="MuiGrid-root MuiGrid-container"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-item"
+          >
+            <button
+              class="MuiButtonBase-root MuiButton-root MuiButton-text"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label"
+              >
+                Sign Out
+              </span>
+              <span
+                class="MuiTouchRipple-root"
+              />
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </main>
+</div>
+`;