test: more tests for closePanel callback

mbta · Oct 20, 2023 · 29d32fb · 29d32fb
1 parent 5e0cd3f
commit 29d32fb
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 0 deletions.
diff --git a/assets/tests/components/propertiesPanel/ghostPropertiesPanel.test.tsx b/assets/tests/components/propertiesPanel/ghostPropertiesPanel.test.tsx
@@ -16,6 +16,7 @@ import {
 import { render, screen } from "@testing-library/react"
 import userEvent from "@testing-library/user-event"
 import { TabMode } from "../../../src/components/propertiesPanel/tabPanels"
+import { closeButton } from "../../testHelpers/selectors/components/closeButton"
 
 jest
   .spyOn(dateTime, "now")
@@ -110,6 +111,23 @@ describe("GhostPropertiesPanel", () => {
     expect(tree).toMatchSnapshot()
   })
 
+  test("calls closePanel callback on close", async () => {
+    const mockClosePanel = jest.fn()
+
+    render(
+      <GhostPropertiesPanel
+        selectedGhost={ghost}
+        tabMode="status"
+        setTabMode={jest.fn()}
+        closePanel={mockClosePanel}
+      />
+    )
+
+    await userEvent.click(closeButton.get())
+
+    expect(mockClosePanel).toHaveBeenCalled()
+  })
+
   test.each<{ tab: TabMode; clickTarget: string; initialTab?: TabMode }>([
     { tab: "run", clickTarget: "Run" },
     { tab: "block", clickTarget: "Block" },

diff --git a/assets/tests/components/propertiesPanel/staleDataPropertiesPanel.test.tsx b/assets/tests/components/propertiesPanel/staleDataPropertiesPanel.test.tsx
@@ -10,6 +10,7 @@ import {
 } from "../../../src/hooks/useMinischedule"
 import userEvent from "@testing-library/user-event"
 import { TabMode } from "../../../src/components/propertiesPanel/tabPanels"
+import { closeButton } from "../../testHelpers/selectors/components/closeButton"
 
 jest.mock("../../../src/hooks/useMinischedule")
 
@@ -63,6 +64,24 @@ describe("StaleDataPropertiesPanel", () => {
     expect(result.queryByText(/Run/)).toBeNull()
   })
 
+  test("calls closePanel callback on close", async () => {
+    const vehicle = vehicleFactory.build()
+    const mockClosePanel = jest.fn()
+
+    render(
+      <StaleDataPropertiesPanel
+        selectedVehicle={vehicle}
+        tabMode="status"
+        setTabMode={jest.fn()}
+        closePanel={mockClosePanel}
+      />
+    )
+
+    await userEvent.click(closeButton.get())
+
+    expect(mockClosePanel).toHaveBeenCalled()
+  })
+
   test.each<{ tab: TabMode; clickTarget: string; initialTab?: TabMode }>([
     { tab: "run", clickTarget: "Run" },
     { tab: "block", clickTarget: "Block" },

diff --git a/assets/tests/components/propertiesPanel/vehiclePropertiesPanel.test.tsx b/assets/tests/components/propertiesPanel/vehiclePropertiesPanel.test.tsx
@@ -28,6 +28,7 @@ import {
 } from "../../../src/hooks/useMinischedule"
 import { useTripShape } from "../../../src/hooks/useShapes"
 import { fullStoryEvent } from "../../../src/helpers/fullStory"
+import { closeButton } from "../../testHelpers/selectors/components/closeButton"
 
 jest
   .spyOn(dateTime, "now")
@@ -406,6 +407,23 @@ describe("VehiclePropertiesPanel", () => {
     expect(container.innerHTML).toContain("c-station-icon")
   })
 
+  test("calls closePanel callback on close", async () => {
+    const mockClosePanel = jest.fn()
+
+    render(
+      <VehiclePropertiesPanel
+        selectedVehicle={vehicle}
+        tabMode="status"
+        setTabMode={jest.fn()}
+        closePanel={mockClosePanel}
+      />
+    )
+
+    await userEvent.click(closeButton.get())
+
+    expect(mockClosePanel).toHaveBeenCalled()
+  })
+
   test.each<{ tab: TabMode; clickTarget: string; initialTab?: TabMode }>([
     { tab: "run", clickTarget: "Run" },
     { tab: "block", clickTarget: "Block" },