test: add a accept disclaimer test

Author: david-roper

apps/web/src/providers/DisclaimerProvider.tsx

@@ -14,7 +14,7 @@ export const DisclaimerProvider: React.FC<{ children: React.ReactElement }> = ({
   return (
     <React.Fragment>
       {children}
-      <Dialog data-test-id="Disclaimer-dialog" open={isDisclaimerAccepted}>
+      <Dialog data-test-id="Disclaimer-dialog" open={!isDisclaimerAccepted}>
         <Dialog.Content data-test-id="Disclaimer-dialog-content" onOpenAutoFocus={(event) => event.preventDefault()}>
           <Dialog.Header>
             <Dialog.Title>

testing/e2e/src/1.2-accept-disclaimer.spec.ts

@@ -0,0 +1,35 @@
+import { expect, test } from './helpers/fixtures';
+
+test.describe('disclaimer', () => {
+  test('should accept the disclaimer', async ({ getProjectAuth, page }) => {
+    // Get the auth token
+    const auth = await getProjectAuth();
+
+    // Set localStorage to ensure disclaimer appears and set auth
+    await page.addInitScript((accessToken) => {
+      window.__PLAYWRIGHT_ACCESS_TOKEN__ = accessToken;
+      // Set the app localStorage item to ensure disclaimer is not accepted
+      localStorage.setItem('app', JSON.stringify({ state: { isDisclaimerAccepted: false }, version: 1 }));
+    }, auth.accessToken);
+
+    // Navigate to dashboard
+    await page.goto('/dashboard');
+
+    // Wait for the disclaimer dialog to appear
+    const disclaimerDialog = page.getByRole('dialog', { name: 'Disclaimer' });
+    await expect(disclaimerDialog).toBeVisible();
+
+    // Click the accept disclaimer button
+    const acceptButton = page.getByRole('button', { name: 'Accept' });
+    await expect(acceptButton).toBeVisible();
+    await acceptButton.click();
+
+    // Verify the disclaimer dialog is no longer visible
+    await expect(disclaimerDialog).not.toBeVisible();
+
+    // Verify we're still on the dashboard
+    const pageHeader = page.getByTestId('page-header');
+    await expect(pageHeader).toBeVisible();
+    await expect(pageHeader).toContainText('Dashboard');
+  });
+});

testing/e2e/src/2.3-start-session.spec.ts

@@ -1,12 +1,12 @@
 import { expect, test } from './helpers/fixtures';
 
 test.describe('start session', () => {
-  test.beforeAll(async ({ page }) => {
-    // Set disclaimer as accepted for persistence across tests
-    await page.addInitScript(() => {
-      localStorage.setItem('app', JSON.stringify({ state: { isDisclaimerAccepted: true }, version: 1 }));
-    });
-  });
+  // test.beforeAll(async ({ page }) => {
+  //   // Set disclaimer as accepted for persistence across tests
+  //   await page.addInitScript(() => {
+  //     localStorage.setItem('app', JSON.stringify({ state: { isDisclaimerAccepted: true }, version: 1 }));
+  //   });
+  // });
 
   test('should display the start session form header', async ({ getPageModel }) => {
     const startSessionPage = await getPageModel('/session/start-session');