PEPPER-587: RGP DSM playwright tests_assert creation of new participant by checking DSM

playwright-e2e/.eslintignore

@@ -1,4 +1,5 @@
 .eslintrc.js
+.eslintrc
 node_modules/
 build/
 playwright-report/

playwright-e2e/.gitignore

@@ -12,3 +12,4 @@ junit/
 **/*.iml
 **/*.zip
 **/*.log
+

playwright-e2e/data/fake-user.json

@@ -4,6 +4,7 @@
     "middleName": "Tester",
     "lastName": "Playwright",
     "fullName": "E2E Tester Playwright",
+    "participantGuid": "",
     "birthDate": {
       "MM": "10",
       "DD": "02",

playwright-e2e/package.json

@@ -28,6 +28,7 @@
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-prettier": "^4.2.1",
     "prettier": "^2.8.4",
+    "typescript": "^4.9.5",
     "uuid": "^9.0.0"
   },
   "dependencies": {
@@ -41,8 +42,7 @@
     "googleapis": "^105.0.0",
     "lodash": "^4.17.21",
     "mailparser": "^3.6.3",
-    "node-vault": "^0.9.22",
-    "typescript": "^4.9.5"
+    "node-vault": "^0.9.22"
   },
   "engines": {
     "node": ">=14"

playwright-e2e/pages/dsm/home-page.ts

@@ -1,13 +1,63 @@
 import { expect, Locator, Page } from '@playwright/test';
+import { HomePageInterface } from 'pages/page-interface';
+import { DSMPageBase } from './page-base';
+import * as auth from 'authentication/auth-dsm';
+import Select from 'lib/widget/select';
+import { Navigation } from 'lib/component/dsm/navigation/navigation';
+import { StudyNav } from 'lib/component/dsm/navigation/enums/studyNav.enum';
+import ParticipantListPage from 'pages/dsm/participantList-page';
+import ParticipantPage from 'pages/dsm/participant-page';
 
 enum Titles {
   WELCOME = 'Welcome to the DDP Study Management System',
   SELECTED_STUDY = 'You have selected the ',
   STUDY = ' study.'
 }
 
-export default class HomePage {
-  constructor(private readonly page: Page) {}
+export default class HomePage extends DSMPageBase implements HomePageInterface {
+  private readonly navigation: Navigation;
+  private readonly participantList: ParticipantListPage;
+
+  constructor(page: Page) {
+    super(page);
+    this.navigation = new Navigation(page);
+    this.participantList = new ParticipantListPage(page);
+  }
+
+  /**
+   * Log into DSM application
+   * @param opts
+   */
+  async logIn(opts: { email?: string; password?: string; waitForNavigation?: boolean } = {}) {
+    await auth.login(this.page);
+  }
+
+  async selectStudy(study: string, page: Page) {
+    const studySelector = await new Select(page, { label: 'Select study' });
+    await studySelector.click();
+    await studySelector.selectOption(study);
+  }
+
+  async selectStudyMenuOption(menuOption: string) {
+    if (menuOption === 'Participant List') {
+      //Select the Participant List from the available Study menu options
+      await this.navigation.selectFromStudy<ParticipantListPage>(StudyNav.PARTICIPANT_LIST);
+      await this.participantList.waitForReady();
+      await this.participantList.assertPageTitle();
+      await this.participantList.waitForReady();
+    }
+  }
+
+  async selectCustomizeViewOption(columnGroup: string, columnName: string) {
+    //Select column group e.g. Participant Columns
+    await this.page.locator('text=Customize View >> button').click();
+    await this.page.locator(`text='${columnGroup}' >> button`).click();
+    await this.page.locator(`text='${columnName}' >> button`).click();
+  }
+
+  async waitForReady(): Promise<void> {
+    await this.page.waitForFunction(() => document.title === 'DDP Study Management');
+  }
 
   public get welcomeTitle(): Locator {
     return this.page.locator('h1');

playwright-e2e/pages/dsm/page-base.ts

@@ -0,0 +1,15 @@
+import { Page } from '@playwright/test';
+import PageBase from 'pages/page-base';
+
+/**
+ * Data Study Manager (DSM) page base
+ */
+export abstract class DSMPageBase extends PageBase {
+  protected constructor(page: Page) {
+    const { DSM_BASE_URL } = process.env;
+    if (DSM_BASE_URL == null) {
+      throw Error(`Invalid DSM base URL: process.env.DSM_BASE_URL=${DSM_BASE_URL}`);
+    }
+    super(page, DSM_BASE_URL);
+  }
+}

playwright-e2e/pages/dsm/participantList-page.ts

@@ -1,9 +1,13 @@
 import { expect, Locator, Page } from '@playwright/test';
-
 import { waitForNoSpinner } from 'utils/test-utils';
 import { Filters } from 'lib/component/dsm/filters/filters';
 import { ParticipantListTable } from 'lib/component/dsm/tables/participantListTable';
 
+export enum SearchFieldLabel {
+  ShortId = 'Short ID',
+  ParticipantID = 'Participant ID'
+}
+
 export default class ParticipantListPage {
   private readonly PAGE_TITLE: string = 'Participant List';
 
@@ -20,6 +24,18 @@ export default class ParticipantListPage {
     await waitForNoSpinner(this.page);
   }
 
+  public async filterListByParticipantGUID(participantGUID: string): Promise<void> {
+    await this.page.locator('text=Customize View >> button').click();
+    await this.page.locator('text=Participant Columns').click();
+    await this.page.locator(`//mat-checkbox/label[span[normalize-space(text()) = 'Participant ID']]`).check();
+    await this.page.locator('text=Search >> button').click();
+    await this.page.locator(`//input[@data-placeholder='Participant ID']`).fill(participantGUID);
+    await this.page.locator("button:has-text('Search') >> nth=0").click();
+    await this.page.getByRole('cell', { name: participantGUID }).click();
+    await expect(this.page.getByRole('heading', { name: 'Participant Page' })).toBeVisible();
+    await expect(this.page.getByRole('cell', { name: participantGUID })).toBeVisible();
+  }
+
   public async addBulkCohortTags(): Promise<void> {
     await this.page.locator('//button[.//*[@tooltip="Bulk Cohort Tag"]]').click();
   }

playwright-e2e/tests/rgp/adult-enrollment.spec.ts

@@ -9,8 +9,17 @@ import TellUsAboutYourFamilyPage from 'pages/rgp/enrollment/tell-us-about-your-f
 import TellUsYourStoryPage, { WHO } from 'pages/rgp/enrollment/tell-us-your-story-page';
 import HomePage from 'pages/rgp/home-page';
 import { setAuth0UserEmailVerified } from 'utils/api-utils';
-
-const { RGP_USER_EMAIL, RGP_USER_PASSWORD } = process.env;
+import { request } from 'http';
+import { updateTypeAssertion } from 'typescript';
+import { setPatientParticipantGuid } from 'utils/faker-utils';
+import dsmHome from 'pages/dsm/home-page';
+import * as dsmAuth from 'authentication/auth-dsm';
+import Select from 'lib/widget/select';
+import { Navigation } from 'lib/component/dsm/navigation/navigation';
+import ParticipantListPage from 'pages/dsm/participantList-page';
+import { StudyNav } from 'lib/component/dsm/navigation/enums/studyNav.enum';
+
+const { RGP_USER_EMAIL, RGP_USER_PASSWORD, DSM_USER_EMAIL, DSM_USER_PASSWORD } = process.env;
 
 test.describe('Adult Self Enrollment', () => {
   const assertProgressActiveItem = async (page: Page, itemName: string): Promise<void> => {
@@ -59,9 +68,12 @@ test.describe('Adult Self Enrollment', () => {
     await auth.login(page, { email: userEmail });
 
     const tellUsAboutYourFamily = new TellUsAboutYourFamilyPage(page);
+
+    await setPatientParticipantGuid(page);
+
     await tellUsAboutYourFamily.waitForReady();
-    await assertProgressActiveItem(page, '1');
 
+    await assertProgressActiveItem(page, '1');
     await tellUsAboutYourFamily.yourTitle().selectOption(user.patient.title);
     await tellUsAboutYourFamily.yourFirstName().fill(user.patient.firstName);
     await tellUsAboutYourFamily.phone().fill(user.patient.phone);
@@ -152,5 +164,22 @@ test.describe('Adult Self Enrollment', () => {
     // fields should be disabled. check one field to verify is disabled
     expect(await tellUsAboutYourFamily.yourTitle().isDisabled()).toEqual(true);
     expect(await tellUsAboutYourFamily.yourFirstName().isDisabled()).toEqual(true);
+    //Go to DSM to verify the newly created account can be found there
+    const dsm = new dsmHome(page);
+    const dsmUserEmail = await dsmAuth.login(page, {
+      email: DSM_USER_EMAIL,
+      password: DSM_USER_PASSWORD
+    });
+    const navigation = new Navigation(page);
+
+    //select RGP study
+    await new Select(page, { label: 'Select study' }).selectOption('RGP');
+
+    const participantListPage = await navigation.selectFromStudy<ParticipantListPage>(StudyNav.PARTICIPANT_LIST);
+
+    await participantListPage.assertPageTitle();
+
+    await participantListPage.waitForReady();
+    await participantListPage.filterListByParticipantGUID(user.patient.participantGuid);
   });
 });

playwright-e2e/tests/rgp/playwright.config.ts

@@ -0,0 +1,12 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+import testConfig from 'playwright.config';
+
+const rgpConfig: PlaywrightTestConfig = {
+  ...testConfig,
+  testDir: './',
+  use: {
+    video: 'on'
+  }
+};
+
+export default rgpConfig;

playwright-e2e/utils/faker-utils.ts

@@ -1,4 +1,6 @@
 import { faker } from '@faker-js/faker';
+import { Page } from '@playwright/test';
+import * as user from 'data/fake-user.json';
 
 export const generateUserName = (namePrefix: string): string => {
   return `${namePrefix}-${faker.name.lastName()}${faker.random.word()}`;
@@ -17,3 +19,13 @@ export const generateEmailAlias = (email: string | undefined): string => {
   const domain = splintedEmail[1];
   return `${name}+${Math.floor(Math.random() * 1000000000)}@${domain}`;
 };
+
+export const setPatientParticipantGuid = async (page: Page) => {
+  const [response] = await Promise.all([
+    page.waitForResponse((resp) => resp.url().includes('/participants') && resp.status() === 200)
+  ]);
+
+  const participantResponse = response.url();
+  const urlArray = participantResponse.split('/');
+  user.patient.participantGuid = urlArray[6];
+};