jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update locators and schedule page flow to fix tests

Browse source
This commit is contained in:
JennyNou 2026-03-10 13:21:50 -04:00
parent 6ffe7e229d
commit 23e9777c18
1 changed files with 63 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

95
playwright-tests/pages/SchedulePage.ts
View file

@ -3,56 +3,93 @@ import { BasePage } from './BasePage';
import { IAppointmentDetails } from '@business-logic/types/CustomerDetails'; import { IAppointmentDetails } from '@business-logic/types/CustomerDetails';
import { formatDate, formatTime } from '@impl/utils/DateUtils'; import { formatDate, formatTime } from '@impl/utils/DateUtils';
import { ServiceLocation } from '@business-logic/types/Enums'; import { ServiceLocation } from '@business-logic/types/Enums';
import { getCustomerDetails, ITestData } from 'safelite-playwright-core';
export class SchedulePage extends BasePage { export class SchedulePage extends BasePage {
readonly page: Page; readonly page: Page;
issPageValue = 'schedule-page'; issPageValue = 'schedule-page';
readonly firstAvailableDate: Locator;
readonly inShopButton: Locator;
readonly mobileButton: Locator;
readonly moreLocationsButton: Locator;
readonly zipCodeTextBox: Locator;
readonly findButton: Locator;
readonly selectAShopOptions: Locator;
readonly firstAppointmentButton : Locator;
readonly firstAvailableAMDate: Locator;
readonly firstAvailablePMDate: Locator;
readonly firstAvailableTime: Locator; readonly firstAvailableTime: Locator;
readonly firstAvailabeAMTime: Locator;
readonly modalContinueButton: Locator; readonly modalContinueButton: Locator;
readonly dropOffButton: Locator; readonly dropOffButton: Locator;
readonly dateText: Locator; readonly dateText: Locator;
readonly viewMoreDatesLink: Locator; readonly viewMoreDatesLink: Locator;
readonly continueButton: Locator;
constructor(page: Page) { constructor(page: Page) {
super(page); super(page);
this.page = page; this.page = page;
this.firstAvailableDate = this.page.locator('.selectable-day').locator('nth=0');
this.firstAvailableTime = this.page.locator('label').filter({ hasText: /AM|PM/ }).locator('div').locator('nth=0'); this.inShopButton = this.page.locator('[buttonlabel="At a Safelite shop"]');
this.mobileButton = this.page.locator('[buttonlabel="Have Safelite come to me"]');
// For in shop
this.moreLocationsButton = this.page.getByRole('button', { name: 'More Locations' });
// For mobile
this.zipCodeTextBox = this.page.locator('#serviceZipCode');
this.findButton = this.page.getByRole('button', { name: 'Find' });
// For in-shop and drop off
this.selectAShopOptions = this.page.locator('[class="shop-question"]');
this.firstAppointmentButton = this.page.locator('#availabilityIndicator').first();
this.firstAvailableAMDate = this.page.locator('morning-row-cell has-appointments selected-date').first();
this.firstAvailablePMDate = this.page.locator('afternoon-row-cell has-appointments selected-date').first();
this.firstAvailableTime = this.page.locator('.time-slot-button').first();
this.firstAvailabeAMTime = this.page.locator('.time-slot-button').nth(0);
this.modalContinueButton = this.page.locator('#modalbtn'); this.modalContinueButton = this.page.locator('#modalbtn');
this.dropOffButton = this.page.getByText('Drop off your vehicle', { exact: true }); this.dropOffButton = this.page.locator('[class="dropoff-label"]');
this.dateText = this.page.locator('[class="modal-header mb-2 mt-2"]'); this.dateText = this.page.locator('[class="modal-header mb-2 mt-2"]');
this.viewMoreDatesLink = this.page.getByText(/View more dates/).first(); this.viewMoreDatesLink = this.page.getByRole('button', { name: 'More Right arrow icon' });
this.continueButton = this.page.locator('#stacked').locator('button:has-text("Continue")');
} }
async scheduleAppointment(appointmentDetails: IAppointmentDetails) { // Select in shop and schedule
const formattedDate = formatDate(appointmentDetails.appointmentDate!); async scheduleInShop(appointmentDetails?: IAppointmentDetails){
const formattedTime = formatTime(appointmentDetails.appointmentDate!);
const dateInput = this.page.locator(`div[id="${formattedDate}"]`); if (await this.inShopButton.isVisible() && appointmentDetails?.serviceLocation !== ServiceLocation.DropOff) {
const timeButton = this.page.locator(`div[aria-label="${formattedTime}"]`); await this.inShopButton.click();
if (await dateInput.isVisible()) { (await this.getTimeSlot(1)).click();
await dateInput.click(); } else if (appointmentDetails?.serviceLocation === ServiceLocation.DropOff) {
await this.inShopButton.isVisible();
await this.inShopButton.click();
await this.dropOffButton.isVisible() ? await this.dropOffButton.click() : null;
} else {
await this.selectFirstAvailableTime();
}
await this.continueButton.click();
}
// Select mobile button, enter zip code, click find button, select first available time and continue
async scheduleMobile(appointmentDetails: IAppointmentDetails){
await this.mobileButton.click();
await this.zipCodeTextBox.fill(appointmentDetails.serviceAddress!.postalCode!);
await this.findButton.click();
await this.selectFirstAvailableTime();
await this.continueButton.click();
}
// Selects the first available time slot but if its not visible, click "More" first to load more dates and times
async selectFirstAvailableTime(): Promise<void> {
if (await this.firstAvailableTime.isVisible()) {
await this.firstAvailableTime.click();
} else { } else {
await this.viewMoreDatesLink.click(); await this.viewMoreDatesLink.click();
await dateInput.click(); await this.firstAvailableTime.waitFor({ state: 'visible' });
await this.firstAvailableTime.click();
} }
await timeButton.click();
await this.modalContinueButton.click();
} }
async scheduleFirstAppointment(serviceLocation: ServiceLocation) { async getTimeSlot(index: number): Promise<Locator> {
if (await this.firstAvailableDate.isVisible()) { return this.page.locator('.time-slot-button').nth(index);
await this.firstAvailableDate.click();
} else {
await this.viewMoreDatesLink.click();
while(await this.firstAvailableDate.isHidden()){
await this.viewMoreDatesLink.click();
}
await this.firstAvailableDate.click();
}
serviceLocation === ServiceLocation.DropOff ? await this.dropOffButton.click() : await this.firstAvailableTime.click();
await this.modalContinueButton.click();
return (`${await this.dateText.allInnerTexts()}`);
} }
} }