CEC-1230 Datascope opens iframe dashboard (#174)

* CEC-1230 Datascope opens iframe dashboard

* Clean up

src/components/Controls/CarUpdateStatusTable/CarUpdateStatusTable.test.jsx

@@ -7,6 +7,7 @@ import { CarUpdatesProvider } from "../../Contexts/CarUpdatesContext";
 import CarUpdateStatusTable from "../CarUpdateStatusTable";
 import { StatusProvider } from "../../Contexts/StatusContext";
 import { TEST_AUTH_OBJECT } from "../../../utils/testing";
+import addSnapshotSerializer from "../../../utils/snapshot";
 
 const renderCarUpdateStatusTable = async () => {
   const { container } = render(
@@ -22,17 +23,7 @@ const renderCarUpdateStatusTable = async () => {
 
 describe("CarUpdateStatusTable", () => {
   beforeAll(() => {
-    expect.addSnapshotSerializer({
-      test: function (val) {
-        return val && typeof val === "string" && val.indexOf("mui-") >= 0;
-      },
-      print: function (val) {
-        let str = val;
-        str = str.replace(/mui-\d*/g, "mui-00000");
-
-        return `"${str}"`;
-      },
-    });
+    addSnapshotSerializer(expect);
   });
 
   it("Render", async () => {

src/components/Controls/CarUpdateStatusTable/__snapshots__/CarUpdateStatusTable.test.jsx.snap

@@ -194,7 +194,7 @@ exports[`CarUpdateStatusTable Render 1`] = `
               />
               <p
                 class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
-                id="mui-00000"
+                id="mui-0"
               >
                 Rows per page:
               </p>
@@ -204,7 +204,7 @@ exports[`CarUpdateStatusTable Render 1`] = `
                 <select
                   aria-label="rows per page"
                   class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiInputBase-input"
-                  id="mui-00000"
+                  id="mui-0"
                 >
                   <option
                     class="MuiTablePagination-menuItem"