add dashboard test

Author: joshunrau

testing/e2e/src/1.2-dashboard.spec.ts

@@ -0,0 +1,14 @@
+import { expect, test } from './helpers/fixtures';
+
+test.describe('dashboard', () => {
+  test.beforeEach(async ({ login, page }) => {
+    await login();
+    await expect(page).toHaveURL('/dashboard');
+  });
+
+  test('should display the dashboard header', async ({ getPageModel }) => {
+    const dashboardPage = getPageModel('/dashboard');
+    await expect(dashboardPage.pageHeader).toBeVisible();
+    await expect(dashboardPage.pageHeader).toContainText('Dashboard');
+  });
+});

testing/e2e/src/global/global.setup.spec.ts

@@ -13,7 +13,8 @@ test.describe.serial(() => {
       await expect(response.json()).resolves.toMatchObject({ isSetup: false });
     });
     test('should successfully setup', async ({ getPageModel }) => {
-      const setupPage = await getPageModel('/setup');
+      const setupPage = getPageModel('/setup');
+      await setupPage.goto('/setup');
       await setupPage.fillSetupForm(initAppOptions);
       await setupPage.expect.toHaveURL('/auth/login');
     });

testing/e2e/src/helpers/fixtures.ts

@@ -6,16 +6,15 @@ import { LoginPage } from '../pages/auth/login.page';
 import { DashboardPage } from '../pages/dashboard.page';
 import { SubjectDataTablePage } from '../pages/datahub/subject-data-table.page';
 import { SetupPage } from '../pages/setup.page';
+import { users } from './data';
 
-import type { NavigateVariadicArgs, ProjectMetadata, RouteTo } from './types';
+import type { ProjectMetadata, RouteTo } from './types';
 
 type PageModels = typeof pageModels;
 
 type TestArgs = {
-  getPageModel: <TKey extends Extract<keyof PageModels, RouteTo>>(
-    key: TKey,
-    ...args: NavigateVariadicArgs<TKey>
-  ) => Promise<InstanceType<PageModels[TKey]>>;
+  getPageModel: <TKey extends Extract<keyof PageModels, RouteTo>>(key: TKey) => InstanceType<PageModels[TKey]>;
+  login: () => Promise<void>;
 };
 
 type WorkerArgs = {
@@ -31,13 +30,10 @@ const pageModels = {
 
 export const test = base.extend<TestArgs, WorkerArgs>({
   getPageModel: ({ page }, use) => {
-    return use(
-      async <TKey extends Extract<keyof PageModels, RouteTo>>(key: TKey, ...args: NavigateVariadicArgs<TKey>) => {
-        const pageModel = new pageModels[key](page) as InstanceType<PageModels[TKey]>;
-        await pageModel.goto(key, ...args);
-        return pageModel;
-      }
-    );
+    return use(<TKey extends Extract<keyof PageModels, RouteTo>>(key: TKey) => {
+      const pageModel = new pageModels[key](page) as InstanceType<PageModels[TKey]>;
+      return pageModel;
+    });
   },
   getProjectMetadata: [
     async ({}, use, workerInfo) => {
@@ -46,7 +42,17 @@ export const test = base.extend<TestArgs, WorkerArgs>({
       });
     },
     { scope: 'worker' }
-  ]
+  ],
+  login: ({ getPageModel, getProjectMetadata }, use) => {
+    return use(async () => {
+      const loginPage = getPageModel('/auth/login');
+      await loginPage.goto('/auth/login');
+      const target = getProjectMetadata('browserTarget');
+      const credentials = users[target];
+      await loginPage.fillLoginForm(credentials);
+      await loginPage.expect.toHaveURL('/dashboard');
+    });
+  }
 });
 
 export { expect };