Added a simple drawer test and allowed for automatic DOM clean up after each test.

Author: Tamoor Shahid

setUpFiles.ts

@@ -0,0 +1,6 @@
+import { afterEach } from "vitest";
+import { cleanup } from "@testing-library/react";
+
+afterEach(() => {
+  cleanup();
+});

src/screens/OavMover.test.tsx

@@ -1,6 +1,6 @@
 import { it, expect, describe } from "vitest";
-import { OavMover } from "./OavMover";
-import { render, screen } from "@testing-library/react";
+import { OavMover, SideDrawer } from "./OavMover";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { store } from "@diamondlightsource/cs-web-lib";
 import "@testing-library/jest-dom/vitest";
@@ -18,4 +18,10 @@ describe("OavMover Components", () => {
     expect(screen.getByLabelText("Backlight")).toBeInTheDocument();
     expect(screen.getByLabelText("ZoomControl")).toBeInTheDocument();
   });
+  it("should open the side drawer upon pressing a specific button", () => {
+    render(<SideDrawer />);
+    expect(screen.queryByText(/Collect Position/i)).not.toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: /Preset Positions/i }));
+    expect(screen.getByText(/Collect Position/i)).toBeInTheDocument();
+  });
 });

vitest.config.ts

@@ -3,5 +3,6 @@ import { defineConfig } from "vitest/config";
 export default defineConfig({
   test: {
     environment: "jsdom",
+    setupFiles: ["./setUpFiles.ts"],
   },
 });