CEC-1230 Datascope opens iframe dashboard (#174)

* CEC-1230 Datascope opens iframe dashboard

* Clean up

src/components/Cars/Status/DetailsTab.test.jsx

@@ -1,8 +1,8 @@
 jest.mock("../../Contexts/VehicleContext");
 jest.mock("../../Contexts/StatusContext");
 jest.mock("../../Contexts/UserContext");
-jest.mock('@material-ui/core/utils/unstable_useId', () =>
-  jest.fn().mockReturnValue('mui-test-id'),
+jest.mock("@material-ui/core/utils/unstable_useId", () =>
+  jest.fn().mockReturnValue("mui-test-id")
 );
 
 import { render, waitFor } from "@testing-library/react";
@@ -12,27 +12,34 @@ import { VehicleProvider } from "../../Contexts/VehicleContext";
 import { StatusProvider } from "../../Contexts/StatusContext";
 import { UserProvider, setToken } from "../../Contexts/UserContext";
 import { TEST_AUTH_OBJECT } from "../../../utils/testing";
-import MainForm from "./DetailsTab"
+import MainForm from "./DetailsTab";
+import addSnapshotSerializer from "../../../utils/snapshot";
 
 const renderDetailsTab = async () => {
   const { container } = render(
     <VehicleProvider>
       <StatusProvider>
         <UserProvider>
-          <MemoryRouter initialEntries={['/testroute/TESTVIN1234567890']}>
+          <MemoryRouter initialEntries={["/testroute/TESTVIN1234567890"]}>
             <Route path="/testroute/:vin">
               <MainForm vin="TESTVIN1234567890" />
             </Route>
           </MemoryRouter>
         </UserProvider>
       </StatusProvider>
-    </VehicleProvider >
+    </VehicleProvider>
   );
-  await waitFor(() => { /* render */ });
+  await waitFor(() => {
+    /* render */
+  });
   return container;
 };
 
 describe("DetailsTab", () => {
+  beforeAll(() => {
+    addSnapshotSerializer(expect);
+  });
+
   it("Render", async () => {
     setToken(TEST_AUTH_OBJECT);
     const container = await renderDetailsTab();