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/Contexts/FleetContext.test.jsx

@@ -10,7 +10,12 @@ import {
 import { FleetProvider, useFleetContext } from "./FleetContext";
 import { StatusProvider, useStatusContext } from "./StatusContext";
 
-const checkFleetResults = (error, busy, fleets) => {
+const checkFleetResults = (error, busy, fleet) => {
+  checkBaseResults(error, busy);
+  expect(screen.getByTestId("fleet").innerHTML).toEqual(fleet);
+};
+
+const checkFleetsResults = (error, busy, fleets) => {
   checkBaseResults(error, busy);
   expect(screen.getByTestId("fleets").innerHTML).toEqual(fleets);
 };
@@ -60,7 +65,7 @@ describe("FleetContext", () => {
     });
 
     it("initial state", () => {
-      checkFleetResults("", "false", "[]");
+      checkFleetsResults("", "false", "[]");
     });
 
     it("getFleets", async () => {
@@ -68,7 +73,48 @@ describe("FleetContext", () => {
       await waitFor(() =>
         expect(screen.getByTestId("fleets").innerHTML).not.toBe("[]")
       );
-      checkFleetResults("", "false", JSON.stringify(expectedFleetsData));
+      checkFleetsResults("", "false", JSON.stringify(expectedFleetsData));
+    });
+  });
+
+  describe("getFleet", () => {
+    beforeEach(() => {
+      const TestComp = () => {
+        const { busy, error, fleet, getFleet } = useFleetContext();
+
+        return (
+          <>
+            <div data-testid="error">{error}</div>
+            <div data-testid="busy">{busy.toString()}</div>
+            <div data-testid="fleet">{JSON.stringify(fleet)}</div>
+            <button
+              data-testid="getFleet"
+              onClick={() => getFleet("US-WEST")}
+            />
+          </>
+        );
+      };
+      render(
+        <FleetProvider>
+          <TestComp />
+        </FleetProvider>
+      );
+    });
+
+    afterEach(() => {
+      cleanup();
+    });
+
+    it("initial state", () => {
+      checkFleetResults("", "false", "{}");
+    });
+
+    it("getFleet", async () => {
+      fireEvent.click(screen.getByTestId("getFleet"));
+      await waitFor(() =>
+        expect(screen.getByTestId("fleet").innerHTML).not.toBe("{}")
+      );
+      checkFleetResults("", "false", JSON.stringify(expectedFleetData));
     });
   });
 
@@ -645,17 +691,24 @@ describe("FleetContext", () => {
   });
 });
 
+const expectedFleetData = {
+  name: "US-WEST",
+  log_level: "info",
+  canbus: { enabled: true, data_logger_enabled: true, max_mem_buffer_size: 1, max_disk_buffer_size: 2 },
+  vehicles: ["USWESTVIN12345678", "USWESTVIN12345679", "USWESTVIN12345670"]
+}
+
 const expectedFleetsData = [
   {
     name: "US-WEST",
     log_level: "info",
-    canbus: { enabled: true },
+    canbus: { enabled: true, data_logger_enabled: true, max_mem_buffer_size: 1, max_disk_buffer_size: 2 },
     vehicles: ["USWESTVIN12345678", "USWESTVIN12345679", "USWESTVIN12345670"]
   },
   {
     name: "US-CENTRAL",
     log_level: "warn",
-    canbus: { enabled: false },
+    canbus: { enabled: false, data_logger_enabled: false, max_mem_buffer_size: 0, max_disk_buffer_size: 0 },
     vehicles: ["USCENTVIN12345678", "USCENTVIN12345679", "USCENTVIN12345670"]
   },
   {