add toast

Author: timarney

tests/browser/responses-pilot/SelectLocation.browser.vitest.tsx

@@ -1,11 +1,20 @@
-import { describe, it, expect, beforeAll } from "vitest";
+import { describe, it, expect, beforeAll, vi } from "vitest";
 import { page } from "@vitest/browser/context";
 import { SelectLocation } from "@responses-pilot/location/SelectLocation";
 import { render } from "./testUtils";
 import { setupFonts } from "./testHelpers";
 
 import "@root/styles/app.scss";
 
+// Mock the native-file-system-adapter module
+vi.mock("native-file-system-adapter", async () => {
+  const actual = await vi.importActual("native-file-system-adapter");
+  return {
+    ...actual,
+    showDirectoryPicker: vi.fn(),
+  };
+});
+
 describe("SelectLocation - Browser Mode", () => {
   beforeAll(() => {
     setupFonts();
@@ -49,4 +58,27 @@ describe("SelectLocation - Browser Mode", () => {
       .element(backButton)
       .toHaveAttribute("href", "/en/form-builder/test-form/responses-pilot/load-key?reset=true");
   });
+
+  it("should show toast when directory is selected", async () => {
+    const { showDirectoryPicker } = await import("native-file-system-adapter");
+    
+    // Mock the directory picker to return a mock handle
+    vi.mocked(showDirectoryPicker).mockResolvedValueOnce({
+      name: "test-directory",
+      kind: "directory",
+      getDirectoryHandle: vi.fn().mockResolvedValue({}),
+    } as never);
+
+    await render(<SelectLocation locale="en" id="test-form" />);
+
+    const pickerButton = page.getByTestId("choose-location-button");
+    await pickerButton.click();
+
+    // Wait for toast to appear
+    await new Promise((resolve) => setTimeout(resolve, 500));
+
+    // Check for toast message
+    const toast = page.getByText(/test-directory/i);
+    await expect.element(toast).toBeInTheDocument();
+  });
 });

tests/browser/responses-pilot/testUtils.tsx

@@ -7,6 +7,7 @@ import { PilotBadge } from "@clientComponents/globals/PilotBadge";
 import { ApiClientSetter } from "./AplClientSetter";
 import { GCFormsApiClient } from "@responses-pilot/lib/apiClient";
 import { showOpenFilePicker } from "native-file-system-adapter";
+import { ToastContainer } from "@formBuilder/components/shared/Toast";
 
 // Import to trigger i18next initialization
 import "@root/i18n/client";
@@ -40,6 +41,9 @@ export function TestWrapper({
         <h1 className="mb-4">Responses</h1>
         <PilotBadge className="mb-8" />
         <ContentWrapper>{children}</ContentWrapper>
+        <ToastContainer />
+        <ToastContainer containerId="wide" width="600px" />
+        <ToastContainer containerId="error-persistent" autoClose={false} />
       </ResponsesProvider>
     </BrowserResponsesAppProvider>
   );