CEC-1256/CEC-1330 data logger for vehicles/fleets and details tabs for vehicles/fleets (#136)

* forms for fleet can filters

* unit tests for fleet filters

* removing warnings

* updating regex

* added fleet details page

* fleet pages

* smoothed out bugs

* fleets done

* working update, delete vehicles

* finished mocks, still need snapshots and context tests

* contexts done

* snapshot tests

* updating code smells

* smells

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

@@ -0,0 +1,41 @@
+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'),
+);
+
+import { render, waitFor } from "@testing-library/react";
+import { MemoryRouter, Route } from "react-router-dom";
+
+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"
+
+const renderDetailsTab = async () => {
+  const { container } = render(
+    <VehicleProvider>
+      <StatusProvider>
+        <UserProvider>
+          <MemoryRouter initialEntries={['/testroute/TESTVIN1234567890']}>
+            <Route path="/testroute/:vin">
+              <MainForm vin="TESTVIN1234567890" />
+            </Route>
+          </MemoryRouter>
+        </UserProvider>
+      </StatusProvider>
+    </VehicleProvider >
+  );
+  await waitFor(() => { /* render */ });
+  return container;
+};
+
+describe("DetailsTab", () => {
+  it("Render", async () => {
+    setToken(TEST_AUTH_OBJECT);
+    const container = await renderDetailsTab();
+    expect(container).toMatchSnapshot();
+  });
+});