test: additions to start session form tests

Author: david-roper

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

@@ -5,6 +5,24 @@ test.describe('start session', () => {
     const startSessionPage = await getPageModel('/session/start-session');
     await expect(startSessionPage.pageHeader).toBeVisible();
     await expect(startSessionPage.pageHeader).toContainText('Start Session');
-    await expect(startSessionPage.subjectIdentificationInput).toBeDefined();
+    expect(startSessionPage.sessionForm).toBeDefined();
+  });
+
+  test('should fill subject identification input', async ({ getPageModel }) => {
+    const startSessionPage = await getPageModel('/session/start-session');
+    await startSessionPage.sessionForm.waitFor({ state: 'visible' });
+    const formType = startSessionPage.sessionForm.getByTestId('subjectIdentificationMethod-select-trigger');
+    await formType.click();
+    await formType.getByRole('option', { name: 'Personal Information' }).click();
+
+    // await startSessionPage.selectIdentificationMethod('Personal Information')
+    await expect(formType).toHaveText('Personal Information');
+
+    const identifier = startSessionPage.sessionForm.locator('#subjectFirstName');
+    await expect(identifier).toHaveText('');
+    // await startSessionPage.fillSessionForm('john')
+
+    // await startSessionPage.sessionForm.fill('John');
+    // await expect(startSessionPage.sessionForm).toHaveValue('John');
   });
 });

testing/e2e/src/helpers/fixtures.ts

@@ -9,9 +9,9 @@ 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';
+import { StartSessionPage } from '../pages/start-session.page';
 
 import type { NavigateVariadicArgs, ProjectAuth, ProjectMetadata, RouteTo } from './types';
-import { StartSessionPage } from '../pages/start-session.page';
 
 type PageModels = typeof pageModels;
 

testing/e2e/src/pages/start-session.page.ts

@@ -4,11 +4,22 @@ import { AppPage } from './_app.page';
 
 export class StartSessionPage extends AppPage {
   readonly pageHeader: Locator;
-  readonly subjectIdentificationInput: Locator;
+  readonly sessionForm: Locator;
 
   constructor(page: Page) {
     super(page);
     this.pageHeader = page.getByTestId('page-header');
-    this.subjectIdentificationInput = page.getByRole('textbox', { name: 'subjectFirstName' });
+    this.sessionForm = page.getByTestId('start-session-form');
+  }
+
+  async fillSessionForm(firstName: string) {
+    await this.sessionForm.getByLabel('subjectId').fill(firstName);
+  }
+
+  async selectIdentificationMethod(methodName: string) {
+    const methodTrigger = this.sessionForm.getByRole('combobox', { name: /identification method/i });
+    await methodTrigger.click();
+    // The options are usually rendered in a portal at the end of the body
+    await methodTrigger.getByRole('option', { name: methodName }).click();
   }
 }