(test) O3-2905: Add E2E test for lab orders (openmrs#1710)

* (test) O3-2905: Add E2E test for lab orders

* Update spec titles

---------

Co-authored-by: Dennis Kigen <[email protected]>

e2e/specs/lab-orders.spec.ts

@@ -0,0 +1,124 @@
+import { expect } from '@playwright/test';
+import { type Visit } from '@openmrs/esm-framework';
+import { generateRandomPatient, type Patient, startVisit, endVisit, deletePatient } from '../commands';
+import { test } from '../core';
+import { ChartPage, VisitsPage } from '../pages';
+
+let patient: Patient;
+let visit: Visit;
+
+test.beforeEach(async ({ api }) => {
+  patient = await generateRandomPatient(api);
+  visit = await startVisit(api, patient.uuid);
+});
+
+test('Record, edit and delete a lab order', async ({ page }) => {
+  const chartPage = new ChartPage(page);
+  const visitsPage = new VisitsPage(page);
+
+  await test.step('When I visit the chart summary page', async () => {
+    await chartPage.goTo(patient.uuid);
+  });
+
+  await test.step('And I click on the `Clinical forms` button on the siderail', async () => {
+    await chartPage.page.getByLabel(/clinical forms/i).click();
+  });
+
+  await test.step('Then I should see the clinical forms workspace', async () => {
+    const headerRow = chartPage.formsTable().locator('thead > tr');
+
+    await expect(chartPage.page.getByPlaceholder(/search this list/i)).toBeVisible();
+    await expect(headerRow).toContainText(/form name \(a-z\)/i);
+    await expect(headerRow).toContainText(/last completed/i);
+
+    await expect(chartPage.page.getByRole('cell', { name: /laboratory test orders/i })).toBeVisible();
+  });
+
+  await test.step('And I launch the `Laboratory Test Orders` form', async () => {
+    await page.getByText(/laboratory test orders/i).click();
+  });
+
+  await test.step('And I fill the `Laboratory Test Orders` form', async () => {
+    await page.getByRole('button', { name: 'Add', exact: true }).click();
+    await page.locator('#tab select').selectOption('857AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA');
+  });
+
+  await test.step('And I click `Save and close` button', async () => {
+    await page.getByRole('button', { name: /save and close/i }).click();
+  });
+
+  await test.step('Then I should see a success notification', async () => {
+    await expect(chartPage.page.getByText('Lab order(s) generated')).toBeVisible();
+    await expect(chartPage.page.getByText(/blood urea nitrogen/i)).toBeVisible();
+  });
+
+  await test.step('And if I navigate to the visits dashboard', async () => {
+    await visitsPage.goTo(patient.uuid);
+  });
+
+  await test.step('And I go to the `All encounters` tab', async () => {
+    await page.getByRole('tab', { name: /all encounters/i }).click();
+  });
+
+  await test.step('Then I should see the newly added lab order in the list', async () => {
+    await expect(
+      visitsPage.page.getByRole('cell', { name: /laboratory test orders/i }).getByText('Laboratory Test Orders'),
+    ).toBeVisible();
+  });
+
+  await test.step('And if I launch the overflow menu and click the `Options` button', async () => {
+    await expect(visitsPage.page.getByRole('button', { name: /options/i })).toBeVisible();
+    await page.getByRole('button', { name: /options/i }).click();
+  });
+
+  await test.step('And I click `Edit` button', async () => {
+    await expect(visitsPage.page.getByText(/edit this encounter/i)).toBeVisible();
+    await page.getByRole('menuitem', { name: /edit this encounter/i }).click();
+  });
+
+  await test.step('Then I edit the data in the Laboratory Test form', async () => {
+    await page.locator('#tab select').selectOption('1325AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA');
+  });
+
+  await test.step('And I save the form', async () => {
+    await page.getByRole('button', { name: /save and close/i }).click();
+  });
+
+  await test.step('Then I should see a success toast notification', async () => {
+    await expect(chartPage.page.getByText('Lab order(s) generated')).toBeVisible();
+    await expect(chartPage.page.getByText(/blood urea nitrogen/i)).not.toBeVisible();
+    await expect(chartPage.page.getByText(/hepatitis c test - qualitative/i)).toBeVisible();
+  });
+
+  await test.step('And I should see the updated Laboratory Test Order in the list', async () => {
+    await expect(
+      visitsPage.page.getByRole('cell', { name: /laboratory test orders/i }).getByText('Laboratory Test Orders'),
+    ).toBeVisible();
+  });
+
+  await test.step('Then if I click on the overflow menu and click the `Options` button', async () => {
+    await expect(visitsPage.page.getByRole('button', { name: /options/i })).toBeVisible();
+    await page.getByRole('button', { name: /options/i }).click();
+  });
+
+  await test.step('And I click `Delete` button', async () => {
+    await expect(visitsPage.page.getByText(/delete this encounter/i)).toBeVisible();
+    await page.getByRole('menuitem', { name: /delete this encounter/i }).click();
+    await page.getByRole('button', { name: /delete/i }).click();
+  });
+
+  await test.step('Then I should see a success toast notification', async () => {
+    await expect(visitsPage.page.getByText(/encounter successfully deleted/i)).toBeVisible();
+  });
+
+  await test.step('And I should not see the deleted order in the list', async () => {
+    await expect(
+      visitsPage.page.getByLabel(/all encounters/i).getByText(/There are no encounters to display for this patient/i),
+    ).toBeVisible();
+  });
+});
+
+test.afterEach(async ({ api }) => {
+  await endVisit(api, visit.uuid);
+  await deletePatient(api, patient.uuid);
+});