Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

(chore) O3-3574 : Refactor E2E test for appointments #1287

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

(chore) O3-3574 : Refactor E2E test for appointments #1287

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
282a489
(chore) O3-3574: refactored test to have separate test for adding app…
chimanwadike Aug 19, 2024
ea55779
(chore) O3-3574: refactored test to have separate test for editing an…
chimanwadike Aug 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
181 changes: 99 additions & 82 deletions e2e/specs/appointments.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,121 +7,138 @@ import { type Visit } from '@openmrs/esm-framework';
let patient: Patient;
let visit: Visit;

test.beforeEach(async ({ api }) => {
test.beforeAll(async ({ api }) => {
patient = await generateRandomPatient(api);
visit = await startVisit(api, patient.uuid);
});

test('Add, edit and cancel an appointment', async ({ page, api }) => {
const appointmentsPage = new AppointmentsPage(page);
test.describe.serial('Running appointment tests sequentially', () => {
test('Add an appointment', async ({ page }) => {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jayasanka-sack @kdaud I would like to seek your views concerning the use of test.describe in scenario of sequential operations e.g. create, edit and delete like this one.
This is to improve some of our e2e tests going forward and prepare towards writing more advanced test cases.

const appointmentsPage = new AppointmentsPage(page);
await test.step('When I go to the Appointments page in the patient chart', async () => {
await appointmentsPage.goto(patient.uuid);
});

await test.step('And I click on the “Add” button', async () => {
await page.getByRole('button', { name: 'Add', exact: true }).click();
});

// FIXME: Login locations are failing to populate in this dropdown in the test environment
// await test.step('And I select Mobile Clinic location', async () => {
// await page.getByLabel('Select location').selectOption('Mobile Clinic');
// });

await test.step('When I go to the Appointments page in the patient chart', async () => {
await appointmentsPage.goto(patient.uuid);
});
await test.step('And I select “Outpatient Department” service', async () => {
await page.selectOption('select#service', { label: 'Outpatient Department' });
});

await test.step('And I click on the “Add” button', async () => {
await page.getByRole('button', { name: 'Add', exact: true }).click();
});
await test.step('And I make appointment as “Scheduled”', async () => {
await page.getByLabel('Select an appointment type').selectOption('Scheduled');
});

// FIXME: Login locations are failing to populate in this dropdown in the test environment
// await test.step('And I select Mobile Clinic location', async () => {
// await page.getByLabel('Select location').selectOption('Mobile Clinic');
// });
await test.step('And I set date for tomorrow', async () => {
const tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
await page.getByLabel(/^Date$/i).fill(tomorrow.toLocaleDateString('en-GB'));
});

await test.step('And I select “Outpatient Department” service', async () => {
await page.selectOption('select#service', { label: 'Outpatient Department' });
});
await test.step('And I set the “Duration” to 60', async () => {
await page.getByLabel('Duration (minutes)').fill('60');
});

await test.step('And I make appointment as “Scheduled”', async () => {
await page.getByLabel('Select an appointment type').selectOption('Scheduled');
});
await test.step('And I add a note', async () => {
await page
.getByPlaceholder(/write any additional points here/i)
.fill('A sample note for testing out the appointment scheduling flow');
});

await test.step('And I set date for tomorrow', async () => {
const tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
await page.getByLabel(/^Date$/i).fill(tomorrow.toLocaleDateString('en-GB'));
});
await test.step('And I click Save button', async () => {
await page.getByRole('button', { name: /save and close/i }).click();
});

await test.step('And I set the “Duration” to 60', async () => {
await page.getByLabel('Duration (minutes)').fill('60');
await test.step('Then I should see a success message', async () => {
await expect(page.getByText(/appointment scheduled/i)).toBeVisible();
});
});

await test.step('And I add a note', async () => {
await page
.getByPlaceholder(/write any additional points here/i)
.fill('A sample note for testing out the appointment scheduling flow');
});
test('Edit an appointment', async ({ page }) => {
const appointmentsPage = new AppointmentsPage(page);

await test.step('And I click Save button', async () => {
await page.getByRole('button', { name: /save and close/i }).click();
});
await test.step('When I go to the Appointments page in the patient chart', async () => {
await appointmentsPage.goto(patient.uuid);
});

await test.step('Then I should see a success message', async () => {
await expect(page.getByText(/appointment scheduled/i)).toBeVisible();
});
await test.step('When I click the overflow menu on the table row with the newly created appointment', async () => {
await page.getByRole('button', { name: 'Options' }).click();
});

await test.step('When I click the overflow menu on the table row with the newly created appointment', async () => {
await page.getByRole('button', { name: 'Options' }).click();
});
await test.step('And I choose the "Edit" option from the popup menu', async () => {
await page.getByRole('menuitem', { name: 'Edit' }).click();
});

await test.step('And I choose the "Edit" option from the popup menu', async () => {
await page.getByRole('menuitem', { name: 'Edit' }).click();
});
await test.step('When I change to “Inpatient ward” location', async () => {
await page.selectOption('select#service', { label: 'General Medicine service' });
});

await test.step('When I change to “Inpatient ward” location', async () => {
await page.selectOption('select#service', { label: 'General Medicine service' });
});
await test.step('And I change to “General Medicine” Service', async () => {
await page.getByLabel('Select a service').selectOption('General Medicine service');
});

await test.step('And I change to “General Medicine” Service', async () => {
await page.getByLabel('Select a service').selectOption('General Medicine service');
});
await test.step('And I change the date to Today', async () => {
const today = new Date();
today.setDate(today.getDate());
await page.getByLabel(/^Date$/i).fill(today.toLocaleDateString('en-GB'));
});

await test.step('And I change the date to Today', async () => {
const today = new Date();
today.setDate(today.getDate());
await page.getByLabel(/^Date$/i).fill(today.toLocaleDateString('en-GB'));
});
await test.step('And I set the “Duration” of the appointment”', async () => {
await page.getByLabel('Duration (minutes)').fill('80');
});

await test.step('And I set the “Duration” of the appointment”', async () => {
await page.getByLabel('Duration (minutes)').fill('80');
});
await test.step('And I change the note', async () => {
await page
.getByPlaceholder('Write any additional points here')
.fill('A sample note for testing out the edit flow for scheduled appointments');
});

await test.step('And I change the note', async () => {
await page
.getByPlaceholder('Write any additional points here')
.fill('A sample note for testing out the edit flow for scheduled appointments');
});
await test.step('And I click Save button', async () => {
await page.getByRole('button', { name: /save and close/i }).click();
});

await test.step('And I click Save button', async () => {
await page.getByRole('button', { name: /save and close/i }).click();
await test.step('Then I should see a success message', async () => {
await expect(page.getByText(/appointment edited/i)).toBeVisible();
});
});

await test.step('Then I should see a success message', async () => {
await expect(page.getByText(/appointment edited/i)).toBeVisible();
});
test('Cancel an appointment', async ({ page }) => {
const appointmentsPage = new AppointmentsPage(page);

await test.step('When I click the "Today" tab', async () => {
await page.getByRole('tab', { name: /today/i }).click();
});
await test.step('When I go to the Appointments page in the patient chart', async () => {
await appointmentsPage.goto(patient.uuid);
});

await test.step('Then I click the options kebab menu in the appointment', async () => {
await page.getByRole('button', { name: 'Options' }).click();
});
await test.step('When I click the "Today" tab', async () => {
await page.getByRole('tab', { name: /today/i }).click();
});

await test.step('And I choose the "Cancel" option ', async () => {
await page.getByRole('menuitem', { name: 'Cancel' }).click();
});
await test.step('Then I click the options kebab menu in the appointment', async () => {
await page.getByRole('button', { name: 'Options' }).click();
});

await test.step('When I click the "Cancel appointment" button to confirm', async () => {
await page.getByRole('button', { name: 'danger Cancel appointment' }).click();
});
await test.step('And I choose the "Cancel" option ', async () => {
await page.getByRole('menuitem', { name: 'Cancel' }).click();
});

await test.step('When I click the "Cancel appointment" button to confirm', async () => {
await page.getByRole('button', { name: 'danger Cancel appointment' }).click();
});

await test.step('Then I should see a success message', async () => {
await expect(page.getByText(/appointment cancelled successfully/i)).toBeVisible();
await test.step('Then I should see a success message', async () => {
await expect(page.getByText(/appointment cancelled successfully/i)).toBeVisible();
});
});
});

test.afterEach(async ({ api }) => {
test.afterAll(async ({ api }) => {
await endVisit(api, visit.uuid);
await deletePatient(api, patient.uuid);
});
Loading