admin/ota-admin-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CEC-1182 fleet filter forms (#131)

Browse Source 
* forms for fleet can filters

* unit tests for fleet filters

* removing warnings

* updating regex
This commit is contained in:
Drew Taylor
2022-03-29 10:19:14 -07:00
committed by GitHub
parent 4af3c70ec7
commit 6eb32d1522
24 changed files with 2300 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

203
src/components/Contexts/FleetContext.test.jsx
View File

@@ -20,6 +20,11 @@ const checkFleetVehicleResults = (error, busy, vehicles) => {
expect(screen.getByTestId("fleet-vehicles").innerHTML).toEqual(vehicles);
}
const checkFleetCANFilterResults = (error, busy, filters) => {
checkBaseResults(error, busy);
expect(screen.getByTestId("fleet-filters").innerHTML).toEqual(filters);
}
const checkBaseResults = (error, busy) => {
expect(screen.getByTestId("error").innerHTML).toEqual(error);
expect(screen.getByTestId("busy").innerHTML).toEqual(busy);
@@ -457,6 +462,187 @@ describe("FleetContext", () => {
checkBaseResults("", "false");
});
});
describe("getFleetCANFilters", () => {
beforeEach(() => {
const TestComp = () => {
const { busy, error, fleetCANFilters, getFleetCANFilters } = useFleetContext();
return (
<>
<div data-testid="error">{error}</div>
<div data-testid="busy">{busy.toString()}</div>
<div data-testid="fleet-filters">{JSON.stringify(fleetCANFilters)}</div>
<button
data-testid="getFleetCANFilters"
onClick={() => getFleetCANFilters("US-TEST")}
/>
</>
);
};
render(
<FleetProvider>
<TestComp />
</FleetProvider>
);
});
afterEach(() => {
cleanup();
});
it("initial state", () => {
checkFleetCANFilterResults("", "false", "[]");
});
it("getFleetCANFilters", async () => {
fireEvent.click(screen.getByTestId("getFleetCANFilters"));
await waitFor(() =>
expect(screen.getByTestId("fleet-filters").innerHTML).not.toBe("[]")
);
checkFleetCANFilterResults("", "false", JSON.stringify(expectedFleetCANFiltersData));
});
});
describe("addFleetCANFilter", () => {
beforeEach(async () => {
const TestComp = () => {
const { busy, addFleetCANFilter } = useFleetContext();
const { message, setMessage } = useStatusContext();
const add = async (name, filter) => {
try {
await addFleetCANFilter(name, filter);
} catch (e) {
setMessage(e.message);
}
};
return (
<>
<div data-testid="error">{message}</div>
<div data-testid="busy">{busy.toString()}</div>
<button data-testid="addFleetCANFilterNull" onClick={() => add(null)} />
<button data-testid="addFleetCANFilterNoName" onClick={() => add({})} />
<button
data-testid="addFleetCANFilter"
onClick={() =>
add("US-TEST", { can_id: "111", interval: 222 })
}
/>
</>
);
};
render(
<StatusProvider>
<FleetProvider>
<TestComp />
</FleetProvider>
</StatusProvider>
);
});
afterEach(() => {
cleanup();
});
it("initial state", () => {
checkBaseResults("", "false");
});
it("addFleetCANFilterNull", async () => {
fireEvent.click(screen.getByTestId("addFleetCANFilterNull"));
await waitFor(() =>
expect(screen.getByTestId("busy").innerHTML).toEqual("false")
);
checkBaseResults("Invalid name", "false");
});
it("addFleetCANFilterNoName", async () => {
fireEvent.click(screen.getByTestId("addFleetCANFilterNoName"));
await waitFor(() =>
expect(screen.getByTestId("busy").innerHTML).toEqual("false")
);
checkBaseResults("Invalid name", "false");
});
it("addFleetCANFilter", async () => {
fireEvent.click(screen.getByTestId("addFleetCANFilter"));
await waitFor(() =>
expect(screen.getByTestId("busy").innerHTML).toEqual("false")
);
checkBaseResults("", "false");
});
});
describe("deleteFleetCANFilter", () => {
beforeEach(async () => {
const TestComp = () => {
const { busy, deleteFleetCANFilter } = useFleetContext();
const { message, setMessage } = useStatusContext();
const deleteFF = async (name, can_id) => {
try {
await deleteFleetCANFilter(name, can_id);
} catch (e) {
setMessage(e.message);
}
};
return (
<>
<div data-testid="error">{message}</div>
<div data-testid="busy">{busy.toString()}</div>
<button data-testid="deleteFleetCANFilterNull" onClick={() => deleteFF("US-WEST", null)} />
<button data-testid="deleteFleetCANFilterInvalid" onClick={() => deleteFF("US-WEST", "INVALID")} />
<button
data-testid="deleteFleetCANFilter"
onClick={() =>
deleteFF("US-WEST", "123-456")
}
/>
</>
);
};
render(
<StatusProvider>
<FleetProvider>
<TestComp />
</FleetProvider>
</StatusProvider>
);
});
afterEach(() => {
cleanup();
});
it("initial state", () => {
checkBaseResults("", "false");
});
it("deleteFleetCANFilterNull", async () => {
fireEvent.click(screen.getByTestId("deleteFleetCANFilterNull"));
await waitFor(() =>
expect(screen.getByTestId("busy").innerHTML).toEqual("false")
);
checkBaseResults("Invalid CAN ID", "false");
});
it("deleteFleetCANFilterNonexistent", async () => {
fireEvent.click(screen.getByTestId("deleteFleetCANFilterInvalid"));
await waitFor(() =>
expect(screen.getByTestId("busy").innerHTML).toEqual("false")
);
checkBaseResults("Invalid CAN ID", "false");
});
it("deleteFleetCANFilter", async () => {
fireEvent.click(screen.getByTestId("deleteFleetCANFilter"));
await waitFor(() =>
expect(screen.getByTestId("busy").innerHTML).toEqual("false")
);
checkBaseResults("", "false");
});
});
});
const expectedFleetsData = [
@@ -480,4 +666,19 @@ const expectedFleetsData = [
},
];
const expectedFleetVehiclesData = ["USWESTVIN12345678", "USWESTVIN12345679", "USWESTVIN12345670"]
const expectedFleetVehiclesData = ["USWESTVIN12345678", "USWESTVIN12345679", "USWESTVIN12345670"];
const expectedFleetCANFiltersData = [
{
can_id: "123-456",
interval: 789
},
{
can_id: "1",
interval: 1000
},
{
can_id: "1000",
interval: 1
}
];