test: add datahub page to testing

Author: david-roper

testing/e2e/src/2.2-datahub.spec.ts

@@ -0,0 +1,9 @@
+import { expect, test } from './helpers/fixtures';
+
+test.describe('dashboard', () => {
+  test('should display the dashboard header', async ({ getPageModel }) => {
+    const datahubPage = await getPageModel('/datahub');
+    await expect(datahubPage.pageHeader).toBeVisible();
+    await expect(datahubPage.pageHeader).toContainText('Data Hub');
+  });
+});

testing/e2e/src/helpers/fixtures.ts

@@ -6,6 +6,7 @@ import { test as base, expect } from '@playwright/test';
 
 import { LoginPage } from '../pages/auth/login.page';
 import { DashboardPage } from '../pages/dashboard.page';
+import { DatahubPage } from '../pages/datahub/datahub.page';
 import { SubjectDataTablePage } from '../pages/datahub/subject-data-table.page';
 import { SetupPage } from '../pages/setup.page';
 
@@ -29,6 +30,7 @@ type WorkerArgs = {
 const pageModels = {
   '/auth/login': LoginPage,
   '/dashboard': DashboardPage,
+  '/datahub': DatahubPage,
   '/datahub/$subjectId/table': SubjectDataTablePage,
   '/setup': SetupPage
 } satisfies { [K in RouteTo]?: any };

testing/e2e/src/pages/datahub/datahub.page.ts

@@ -0,0 +1,11 @@
+import type { Locator, Page } from '@playwright/test';
+
+import { AppPage } from '../_app.page';
+
+export class DatahubPage extends AppPage {
+  readonly pageHeader: Locator;
+  constructor(page: Page) {
+    super(page);
+    this.pageHeader = page.getByTestId('page-header');
+  }
+}