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

@@ -10,7 +10,12 @@ import {
 import { VehicleProvider, useVehicleContext } from "./VehicleContext";
 import { StatusProvider, useStatusContext } from "./StatusContext";
 
-const checkVehicleResults = (error, busy, vehicles) => {
+const checkVehicleResult = (error, busy, vehicle) => {
+  checkBaseResults(error, busy);
+  expect(screen.getByTestId("vehicle").innerHTML).toEqual(vehicle);
+}
+
+const checkVehiclesResult = (error, busy, vehicles) => {
   checkBaseResults(error, busy);
   expect(screen.getByTestId("vehicles").innerHTML).toEqual(vehicles);
 };
@@ -50,7 +55,7 @@ describe("VehicleContext", () => {
     });
 
     it("Initial state", () => {
-      checkVehicleResults("", "false", "[]");
+      checkVehiclesResult("", "false", "[]");
     });
 
     it("getVehicles", async () => {
@@ -58,7 +63,48 @@ describe("VehicleContext", () => {
       await waitFor(() =>
         expect(screen.getByTestId("vehicles").innerHTML).not.toBe("[]")
       );
-      checkVehicleResults("", "false", JSON.stringify(expectedVehicleData));
+      checkVehiclesResult("", "false", JSON.stringify(expectedVehiclesData));
+    });
+  });
+
+  describe("getVehicle", () => {
+    beforeEach(() => {
+      const TestComp = () => {
+        const { busy, error, vehicle, getVehicle } = useVehicleContext();
+
+        return (
+          <>
+            <div data-testid="error">{error}</div>
+            <div data-testid="busy">{busy.toString()}</div>
+            <div data-testid="vehicle">{JSON.stringify(vehicle)}</div>
+            <button
+              data-testid="getVehicle"
+              onClick={() => getVehicle("3C4PDCBG0ET127145")}
+            />
+          </>
+        );
+      };
+      render(
+        <VehicleProvider>
+          <TestComp />
+        </VehicleProvider>
+      );
+    });
+
+    afterEach(() => {
+      cleanup();
+    });
+
+    it("Initial state", () => {
+      checkVehicleResult("", "false", "{}");
+    });
+
+    it("getVehicle", async () => {
+      fireEvent.click(screen.getByTestId("getVehicle"));
+      await waitFor(() =>
+        expect(screen.getByTestId("vehicle").innerHTML).not.toBe("{}")
+      );
+      checkVehicleResult("", "false", JSON.stringify(expectedVehicleData));
     });
   });
 
@@ -131,15 +177,168 @@ describe("VehicleContext", () => {
       checkBaseResults("", "false");
     });
   });
+
+  describe("updateVehicle", () => {
+    beforeEach(async () => {
+      const TestComp = () => {
+        const { busy, updateVehicle } = useVehicleContext();
+        const { message, setMessage } = useStatusContext();
+        const update = async (data) => {
+          try {
+            await updateVehicle("3C4PDCBG0ET127145", data);
+          } catch (e) {
+            setMessage(e.message);
+          }
+        };
+
+        return (
+          <>
+            <div data-testid="error">{message}</div>
+            <div data-testid="busy">{busy.toString()}</div>
+            <button data-testid="updateVehicleNull" onClick={() => update(null)} />
+            <button data-testid="updateVehicleNoVIN" onClick={() => update({})} />
+            <button
+              data-testid="updateVehicle"
+              onClick={() =>
+                update({ vin: "3C4PDCBG0ET127145", log_level: "warn", canbus: { enabled: false } })
+              }
+            />
+          </>
+        );
+      };
+      render(
+        <StatusProvider>
+          <VehicleProvider>
+            <TestComp />
+          </VehicleProvider>
+        </StatusProvider>
+      );
+    });
+
+    afterEach(() => {
+      cleanup();
+    });
+
+    it("initial state", () => {
+      checkBaseResults("", "false");
+    });
+
+    it("updateVehicleNull", async () => {
+      fireEvent.click(screen.getByTestId("updateVehicleNull"));
+      await waitFor(() =>
+        expect(screen.getByTestId("busy").innerHTML).toEqual("false")
+      );
+      checkBaseResults("No vehicle data", "false");
+    });
+
+    it("updateVehicleNoVIN", async () => {
+      fireEvent.click(screen.getByTestId("updateVehicleNoVIN"));
+      await waitFor(() =>
+        expect(screen.getByTestId("busy").innerHTML).toEqual("false")
+      );
+      checkBaseResults("Invalid VIN", "false");
+    });
+
+    it("updateVehicle", async () => {
+      fireEvent.click(screen.getByTestId("updateVehicle"));
+      await waitFor(() =>
+        expect(screen.getByTestId("busy").innerHTML).toEqual("false")
+      );
+      checkBaseResults("", "false");
+    });
+  });
+
+  describe("deleteVehicle", () => {
+    beforeEach(async () => {
+      const TestComp = () => {
+        const { busy, deleteVehicle } = useVehicleContext();
+        const { message, setMessage } = useStatusContext();
+        const deleteV = async (name) => {
+          try {
+            await deleteVehicle(name);
+          } catch (e) {
+            setMessage(e.message);
+          }
+        };
+
+        return (
+          <>
+            <div data-testid="error">{message}</div>
+            <div data-testid="busy">{busy.toString()}</div>
+            <button data-testid="deleteVehicleNull" onClick={() => deleteV(null)} />
+            <button data-testid="deleteVehicleNonexistent" onClick={() => deleteV("11111111111111111")} />
+            <button
+              data-testid="deleteVehicle"
+              onClick={() =>
+                deleteV("3C4PDCBG0ET127145")
+              }
+            />
+          </>
+        );
+      };
+      render(
+        <StatusProvider>
+          <VehicleProvider>
+            <TestComp />
+          </VehicleProvider>
+        </StatusProvider>
+      );
+    });
+
+    afterEach(() => {
+      cleanup();
+    });
+
+    it("initial state", () => {
+      checkBaseResults("", "false");
+    });
+
+    it("deleteVehicleNull", async () => {
+      fireEvent.click(screen.getByTestId("deleteVehicleNull"));
+      await waitFor(() =>
+        expect(screen.getByTestId("busy").innerHTML).toEqual("false")
+      );
+      checkBaseResults("Invalid VIN", "false");
+    });
+
+    it("deleteVehicleNonexistent", async () => {
+      fireEvent.click(screen.getByTestId("deleteVehicleNonexistent"));
+      await waitFor(() =>
+        expect(screen.getByTestId("busy").innerHTML).toEqual("false")
+      );
+      checkBaseResults("", "false");
+    });
+
+    it("deleteVehicle", async () => {
+      fireEvent.click(screen.getByTestId("deleteVehicle"));
+      await waitFor(() =>
+        expect(screen.getByTestId("busy").innerHTML).toEqual("false")
+      );
+      checkBaseResults("", "false");
+    });
+  });
 });
 
-const expectedVehicleData = [
+const expectedVehicleData = {
+  vin: "3C4PDCBG0ET127145",
+  year: 2021,
+  model: "Ocean",
+  trim: "Basic",
+  ecu_list: "ECUA 2.0.0, ECUB 2.1.1",
+  log_level: "info",
+  canbus: { enabled: true, data_logger_enabled: true, max_mem_buffer_size: 1, max_disk_buffer_size: 2 },
+  connected: true,
+}
+
+const expectedVehiclesData = [
   {
     vin: "3C4PDCBG0ET127145",
     year: 2021,
     model: "Ocean",
     trim: "Basic",
     ecu_list: "ECUA 2.0.0, ECUB 2.1.1",
+    log_level: "info",
+    canbus: { enabled: true, data_logger_enabled: true, max_mem_buffer_size: 1, max_disk_buffer_size: 2 },
     connected: true,
   },
   { vin: "1G1FP87S3GN100062", connected: true },