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

fix broken playwright tests. added a new tests

Browse source
This commit is contained in:
kpatel8hs4io 2026-02-17 00:09:55 -05:00
parent 6dda137834
commit 706c29c9d3
11 changed files with 294 additions and 121 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
playwright-tests/framework/TestData.ts
View file

@ -7,4 +7,5 @@ export interface ITestData extends base {
isOptedInForTextMessages: boolean,
totalAmount?: number,
isForcedOEM?: boolean
mockFirstInshopCallNoSchedule?: boolean
}

58
playwright-tests/pages/BasePage.ts
View file

@ -18,6 +18,7 @@ export class BasePage {
readonly buttonLoadSpin: Locator;
readonly hamburgerMenu: Locator;
readonly progressBar: Locator;
readonly loaders: Locator;
constructor(page: Page) {
this.page = page;
@ -27,6 +28,7 @@ export class BasePage {
this.buttonLoadSpin = page.getByRole('alert');
this.hamburgerMenu = this.page.getByRole('button', { name: 'Hamburger Menu (modal window)' });
this.progressBar = this.page.locator('.progress-bar-outer .progress-bar-inner');
this.loaders = this.page.locator('.spinner-border, .loader');
}
async nextPage() {
@ -131,6 +133,47 @@ export class BasePage {
});
}
async mockScheduleResponseForFirstInshopCallNoSchedule(customerDetails: ICustomerDetails) {
let fistInshopScheduleCall = true;
const apiUrl = `https://digitalapi.${process.env['PLAYWRIGHT_ENV']!.replace('sys', 'test').toLowerCase()}.safelite.io/schedule/api/v1/schedule/shop-time-slots`;
await this.page.route(apiUrl, async (route) => {
if (!fistInshopScheduleCall) {
return route.continue();
}
// const fmt = (d: Date) => `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`;
// const startDate = new Date();
//const beginningOfWeek = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() - startDate.getDay());
// const endDate = new Date(beginningOfWeek.getFullYear(), beginningOfWeek.getMonth(), beginningOfWeek.getDate() + 13);
// e.g., "2025-07-23"
/*if (route.request().postDataJSON().startDate === fmt(startDate) && route.request().postDataJSON().endDate === fmt(endDate)) {
const response = await route.fetch();
const responseBody = await response.json();
responseBody.days = [];
// Mock the response
await route.fulfill({
response,
body: JSON.stringify(responseBody),
});
}*/
const response = await route.fetch();
const responseBody = await response.json();
responseBody.days = [];
// Mock the response
await route.fulfill({
response,
body: JSON.stringify(responseBody),
});
fistInshopScheduleCall = false;
});
}
async getRepairPartsTotal(testData: Partial<ITestData>) {
const apiUrl = `https://digitalapi.${process.env['PLAYWRIGHT_ENV']!.replace('sys', 'test').toLowerCase()}.safelite.io/price/api/v1/price/order-items`;
await this.page.on('response', async (response) => {
@ -170,6 +213,21 @@ export class BasePage {
console.log(`Progress Bar Percentage: Actual - ${actualProgressPercentage} vs Expected - ${progressPercentage}`);
}
async waitForPageOrComponentload(): Promise<void> {
await Promise.all([
(async () => {
const loaderCount = await this.loaders.count();
if (loaderCount > 0) {
for (let i = 0; i < loaderCount; i++) {
await this.loaders.nth(i).waitFor({ state: 'hidden' });
}
}
})(),
this.page.waitForLoadState('load'),
this.page.waitForLoadState('networkidle')
]);
}
async validateOEMPart( isOEM: boolean): Promise<void> {
if (isOEM!) {
// Get Vuex state from localStorage

2
playwright-tests/pages/PartQuestionPage.ts
View file

@ -44,6 +44,7 @@ export class PartQuestionsPage extends BasePage {
} else {
await expect(partQuestionOptions).not.toBeAttached();
}
await this.selectPartQuestionResponses(partQuestions!);
}
}
@ -65,7 +66,6 @@ export class PartQuestionsPage extends BasePage {
await this.validateProgressBar(ProgressBarPercentages.PartQuestionsPage);
await this.validatePartQuestions(partQuestions!);
await this.selectPartQuestionResponses(partQuestions!);
await this.nextPage();
}
}

4
playwright-tests/pages/PaypalPage.ts
View file

@ -26,7 +26,7 @@ export class PaypalPage extends BasePage {
this.paypalLoginButton = page.getByRole('button', { name: 'Log In', exact: true });
this.completePurchaseButton = page.getByTestId('submit-button-initial')
this.payWithRadioButton = page.getByRole('button').filter({ hasText: 'Pay with' });
this.payButton = page.locator('#one-time-cta');
this.payButton = page.locator('footer #one-time-cta');
this.tryAnotherWayButton = page.getByRole('button', { name: 'Try another way' });
}
@ -50,7 +50,7 @@ export class PaypalPage extends BasePage {
await this.passwordTextBox.fill(paymentDetails.password!);
await this.paypalLoginButton.click();
await this.payWithRadioButton.click();
await this.page.waitForTimeout(2000); // wait for 2 seconds to ensure the Pay button is clickable
await this.page.waitForTimeout(2000);
await this.payButton.dblclick();
}
}

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

@ -36,6 +36,9 @@ export class SchedulePage extends BasePage {
readonly allDayDropOffButton: Locator;
readonly pickATimeButton: Locator;
readonly mobileFirstModalCloseButton: Locator;
readonly yesButtonRecalAckModal: Locator;
readonly noButtonRecalAckModal: Locator;
readonly continueButtonRecalAckModal: Locator;
constructor(page: Page) {
super(page);
@ -66,7 +69,10 @@ export class SchedulePage extends BasePage {
this.viewMoreDatesLink = this.page.getByText(/View more dates/).first();
this.appointmentDuration = this.page.locator('.duration-text-block');
this.timeSlots = this.page.locator('fieldset:has(>legend#chooseTimeSlot) label').filter({ visible: true});
this.mobileFirstModalCloseButton = this.page.getByRole('dialog').getByRole('button', { name: 'Close' });
this.mobileFirstModalCloseButton = this.page.locator('#mobile-first-modal-container .btn-close');
this.yesButtonRecalAckModal = this.page.locator("label[buttonlabel='Yes']");
this.noButtonRecalAckModal = this.page.locator("label[buttonlabel='No']");
this.continueButtonRecalAckModal = this.page.locator("#recal-ack-modal-container .modal-footer button");
}
async selectLocation(testData: Partial<ITestData>) {
@ -98,6 +104,7 @@ export class SchedulePage extends BasePage {
await this.safeliteShopsList.first().click();
// Click the save location button
await this.saveLocationButton.click();
await this.waitForPageOrComponentload();
}
// await this.inShopButton.click();
@ -229,13 +236,25 @@ export class SchedulePage extends BasePage {
@step("SchedulePage >> Schedule appointment: ")
async handleSchedulePage(testData: Partial<ITestData>) {
const { appointmentDetails } = testData;
const { appointmentDetails, isCanNotRecal } = testData;
await this.waitForPageOrComponentload();
await this.validateProgressBar(ProgressBarPercentages.SchedulePage);
if (await this.mobileFirstModalCloseButton.isVisible()) {
await this.mobileFirstModalCloseButton.click();
}
await this.selectLocation(testData);
if (await this.mobileFirstModalCloseButton.isVisible({timeout: 5000})) {
await this.page.waitForTimeout(1000);
await this.mobileFirstModalCloseButton.dblclick();
}
await this.scheduleFirstAppointment(testData);
await this.nextPage();
if (isCanNotRecal) {
await this.yesButtonRecalAckModal.click();
await this.continueButtonRecalAckModal.click();
}
}
}

4
playwright-tests/pages/ServicePackagesPage.ts
View file

@ -298,6 +298,10 @@ export class ServicePackagesPage extends BasePage {
await this.mockScheduleResponseForEarlyBird(customerDetails!);
}
if (testData.mockFirstInshopCallNoSchedule) {
await this.mockScheduleResponseForFirstInshopCallNoSchedule(testData.customerDetails!);
}
await this.nextPage();
}
}

19
playwright-tests/tests/0000__M.test.ts
View file

@ -1,4 +1,4 @@
import { Page } from "@playwright/test";
import { Browser, Page } from "@playwright/test";
import { addSmokeTagToRandomTest, Flow, ServiceLocation } from 'safelite-playwright-core';
import { ValidationOptions } from 'safelite-playwright-core';
import heavyTruckTests from "./alert-validation/alert0001_HeavyTruck";
@ -18,6 +18,7 @@ import cashReplaceGlassLicensePlateLookupInshopPaypalTests from "./CashReplaceGl
import { ApiResponseInterceptUtil } from 'safelite-playwright-core';
import cashReplaceGlassPromoInshopTests from "./CashReplaceGlassPromoInshop";
import cashReplaceMultiGlassPromoInshopTests from "./CashReplaceMultiGlassPromoInshop";
import cashReplaceStaticInshopTests from "./CashReplaceStaticInshop";
import cashReplaceRainDefensePromoInshopTests from "./CashReplaceRainDefensePromoInshop";
import cashReplaceSafeliteCanNotRecalMobileTests from "./CashReplaceSafeliteCanNotRecalMobile";
import cashReplaceVinMobileTests from "./CashReplaceVinMobile";
@ -75,6 +76,7 @@ const allStandardTests = [
{ name: "CashReplaceSafeliteCanNotRecalMobile", tests: cashReplaceSafeliteCanNotRecalMobileTests },
{ name: "CashReplaceVinMobile", tests: cashReplaceVinMobileTests },
{ name: "CashReplaceWiperDropoff", tests: cashReplaceWiperDropoffTests },
{ name: "CashReplaceStaticInshop", tests: cashReplaceStaticInshopTests },
{ name: "CashReplaceWiperPromoInshop", tests: cashReplaceWiperPromoInShopTests },
{ name: "CashReplaceSwitchToInsuranceProgressiveNoComp", tests: cashReplaceSwitchToInsuranceProgressiveNoCompTests },
// TODO: Uncomment when QA is ready to run heavy truck tests
@ -211,6 +213,16 @@ async function runWorkflow(page: Page, testCase: TestCase) {
console.log(`Customer for this test: ${customerDetails?.firstName} ${customerDetails?.lastName}`);
}
if (page.url().includes('ServiceDetails.aspx')) {
// Take a screenshot for diagnostics
await page.screenshot({ path: `test-results\\ortoni-data\\service-details-detected-${Date.now()}.png`, fullPage: true });
console.log("ServiceDetails.aspx detected");
await page.goBack();
await page.reload();
let homePage = testCase.pages.homePage;
await homePage.letsGetStarted(customerDetails?.address.postalCode!, !!isEnterFunnelWithZip!);
}
// Handle vehicle selection page
let vehicleSelectionPage = testCase.pages.vehicleSelectionPage;
await vehicleSelectionPage.handleVehicleSelectionPage(testCase.testData);
@ -324,7 +336,7 @@ async function runWorkflow(page: Page, testCase: TestCase) {
await orderConfirmationPage.verifyOrderConfirmationPage(testCase.testData);
}
export async function handleInsuranceFlow(testCase: TestCase) {
async function handleInsuranceFlow(testCase: TestCase) {
const { isPolicyFound, isPolicyDriver, endorsements, isRecalVehicle, isCashInsuranceFlow, isForcedOEM, flow } = testCase.testData;
// Check if the insurance policy has endorsements
@ -376,8 +388,7 @@ export async function handleInsuranceFlow(testCase: TestCase) {
let policyInfoSubmittedPage = testCase.pages.policyInfoSubmittedPage;
await policyInfoSubmittedPage.handlePolicyInfoSubmittedPage();
if(isRecalVehicle)
{
if (isRecalVehicle) {
let recalibrationInfoPage = testCase.pages.recalibrationInfoPage;
await recalibrationInfoPage.handleRecalibrationInfoPage();
}

3
playwright-tests/tests/CashReplaceDynamicRecalMobile.ts
View file

@ -61,7 +61,8 @@ const cashReplaceDynamicRecalMobileData: Partial<ITestData> = {
// Override payment details
paymentDetails: {
paymentType: PaymentType.PayAtService,
promoCode: 'digitalrain'
// promoCode: 'digitalrain'
promoCode: 'rain50'
}
}

78
playwright-tests/tests/CashReplaceStaticInshop.ts Normal file
View file

@ -0,0 +1,78 @@
//Imports here
import { ITestData } from 'framework/TestData'
import { ServicePackage, PaymentType, PartQuestionType } from 'safelite-playwright-core';
import { ITestCase } from '../framework/Typedefs'
import { VehicleLookupType } from 'safelite-playwright-core';
import { getDefaultTestData, setFakerSeedFromTestName } from 'safelite-playwright-core';
import { PaymentMethod } from 'framework/localTypes/Enums';
// Set the seed before generating any data
setFakerSeedFromTestName("CashReplaceStaticInshop");
// Now get the test data with the seeded faker
const CashReplaceStaticInshopData: Partial<ITestData> = {
...getDefaultTestData(), // Get default data with current seed
// CASH Client
paymentMethod: PaymentMethod.SelfPay,
// Key feature: Premium package with Rain Defense
servicePackage: ServicePackage.Standard,
// Flag for recalibration vehicle
isRecalVehicle: true,
// Override customer details
customerDetails: {
...getDefaultTestData().customerDetails!,
address: {
...getDefaultTestData().customerDetails!.address,
postalCode: '43085'
}
},
// override part questions
partQuestions: [
{
partQuestionType: PartQuestionType.GeneralQuestion1,
isOnPage: true,
optionToSelect: 'Yes'
},
{
partQuestionType: PartQuestionType.GeneralQuestion2,
isOnPage: true,
optionToSelect: 'Yes'
}
],
// Override vehicle details
vehicleDetails: {
...getDefaultTestData().vehicleDetails!,
year: '2022',
make: 'Mazda',
model: 'CX-9',
style: '4 door utility',
vin: '3FA6P0HD8LR234510',
vehicleLookupType: VehicleLookupType.Zip
},
mockFirstInshopCallNoSchedule: true,
// No need to override vehicleDamage as it already defaults to WindshieldCrack
// Payment at service
paymentDetails: {
paymentType: PaymentType.PayAtService
},
}
const cashReplaceStaticInshopTests: ITestCase[] = [];
const tc = {
name: `CashReplaceStaticInshop`,
tags: ['@E2E','@CashReplaceStaticInshop', '@test_report', '@CASH'],
testData: CashReplaceStaticInshopData
};
cashReplaceStaticInshopTests.push(tc);
export default cashReplaceStaticInshopTests;

2
playwright-tests/tests/CashReplaceWiperDropoff.ts
View file

@ -66,7 +66,7 @@ const cashReplaceWiperDropoffData: Partial<ITestData> = {
},
{
partQuestionType: PartQuestionType.GeneralQuestion2,
isOnPage: false,
isOnPage: true,
optionToSelect: 'Yes'
},
]

11
playwright-tests/tests/InsuranceNoCompProgressive.ts
View file

@ -32,10 +32,11 @@ const insuranceNoCompProgressiveData: Partial<ITestData> = {
lastName: 'SCHATZ',
address: {
...getDefaultTestData().customerDetails!.address,
city: 'Slidell',
state: 'Louisiana',
postalCode: '70458'
}
// city: 'Slidell',
// state: 'Louisiana',
// postalCode: '70458'
postalCode: '43085'
},
},
@ -71,7 +72,7 @@ const insuranceNoCompProgressiveData: Partial<ITestData> = {
// Override for in-shop appointment
appointmentDetails: {
serviceLocation: ServiceLocation.InShop,
shopAddress: '56705 Garrett Road, Slidell, LA 70458',
// shopAddress: '56705 Garrett Road, Slidell, LA 70458',
appointmentDate: getDefaultTestData().appointmentDetails?.appointmentDate
},