(test) O3-4227: Add E2E Test for Marking an Existing Patient as Deceased

e2e/pages/index.ts

@@ -6,6 +6,7 @@ export * from './immunizations-page';
 export * from './medications-page';
 export * from './orders-page';
 export * from './program-page';
+export * from './mark-patient-deceased-page';
 export * from './results-viewer-page';
 export * from './visits-page';
 export * from './vitals-and-biometrics-page';

e2e/pages/mark-patient-deceased-page.ts

@@ -0,0 +1,46 @@
+import { expect, type Page } from '@playwright/test';
+
+export class MarkPatientDeceasedPage {
+  constructor(private readonly page: Page) {}
+
+  readonly actionsButton = () => this.page.getByRole('button', { name: /actions/i });
+  readonly markDeceasedMenuItem = () => this.page.getByRole('menuitem', { name: /mark patient deceased/i });
+  readonly deathDetailsForm = () => this.page.locator('form');
+  readonly dateOfDeathInput = () => this.page.getByPlaceholder(/dd\/mm\/yyyy/i);
+  readonly causeOfDeathRadio = (cause: string) => this.page.getByRole('radio', { name: cause });
+  readonly saveAndCloseButton = () => this.page.getByRole('button', { name: /save and close/i });
+
+
+  readonly deceasedTag = () =>
+    this.page.locator('[data-extension-id="deceased-patient-tag"] span', { hasText: 'Deceased' });
+
+  async goToPatientChart(patientUuid: string) {
+    await this.page.goto(`/openmrs/spa/patient/${patientUuid}/chart/Patient%20Summary`);
+  }
+
+  async openMarkDeceasedForm() {
+    await this.actionsButton().click();
+    await this.markDeceasedMenuItem().click();
+  }
+
+  async fillDeathDetails(date: string, causeOfDeath: string) {
+    await this.dateOfDeathInput().fill(date);
+    await this.causeOfDeathRadio(causeOfDeath).click();
+  }
+
+  async saveAndClose() {
+    await this.saveAndCloseButton().click();
+  }
+
+  async verifyDeceasedTag() {
+
+    const deceasedTagLocator = this.page.locator(
+      '[data-extension-id="deceased-patient-tag"] span[title="Deceased"]'
+    );
+
+
+    await expect(deceasedTagLocator).toBeVisible({ timeout: 70000 });
+  }
+
+
+}

e2e/specs/mark-patient-deceased.spec.ts

@@ -0,0 +1,53 @@
+import { expect } from '@playwright/test';
+import { generateRandomPatient, deletePatient, type Patient } from '../commands';
+import { test } from '../core';
+import { MarkPatientDeceasedPage } from '../pages';
+
+let patient: Patient;
+
+test.beforeEach(async ({ api }) => {
+  patient = await generateRandomPatient(api);
+});
+
+test('Mark a patient as deceased', async ({ page }) => {
+  const markPatientDeceasedPage = new MarkPatientDeceasedPage(page);
+  const todayDate = new Date().toLocaleDateString('en-GB').replace(/\//g, '-');
+  const causeOfDeath = 'Neoplasm/cancer';
+
+  await test.step('Given that I have a patient and I am on the Patient’s chart page', async () => {
+    await markPatientDeceasedPage.goToPatientChart(patient.uuid);
+  });
+
+  await test.step('When I click on the "Actions" button and select "Mark patient deceased"', async () => {
+    await markPatientDeceasedPage.openMarkDeceasedForm();
+  });
+
+  await test.step('Then I should see a form to enter the patient\'s death details', async () => {
+    await expect(markPatientDeceasedPage.deathDetailsForm()).toBeVisible();
+    await expect(markPatientDeceasedPage.dateOfDeathInput()).toBeVisible();
+    await expect(markPatientDeceasedPage.causeOfDeathRadio(causeOfDeath)).toBeVisible();
+  });
+
+  await test.step('When I add all the death details and save', async () => {
+
+    await markPatientDeceasedPage.dateOfDeathInput().fill(todayDate);
+
+
+    await page.keyboard.press('Enter'); 
+
+
+    await page.locator('text=Neoplasm/cancer').waitFor({ state: 'visible' });
+    await page.locator('text=Neoplasm/cancer').click();
+
+
+  await markPatientDeceasedPage.saveAndCloseButton().click();
+  });
+
+  await test.step('Then I should see a “deceased” patient tag in the patient banner', async () => {
+    await markPatientDeceasedPage.verifyDeceasedTag();
+  });
+});
+
+test.afterEach(async ({ api }) => {
+  await deletePatient(api, patient.uuid);
+});