Files
myeasycms-v2/apps/e2e/tests/utils/billing.po.ts
giancarlo b8f00f0a2d Refactor E2E tests, update utils, and modify plan-picker validation
Several changes have been made to optimize the testing and validation workflows. The end-to-end tests for user billing, invitations, account, team billing, and team accounts have been retouched for improved performance and better accuracy. There has been a minor modification in the validation rules for plan-picker in the billing component. Furthermore, modifications are made to several utility functions to fine-tune their operations.
2024-05-05 18:15:11 +07:00

54 lines
1.2 KiB
TypeScript

import { Page, expect } from '@playwright/test';
import { StripePageObject } from './stripe.po';
export class BillingPageObject {
public readonly stripe: StripePageObject;
constructor(private readonly page: Page) {
this.stripe = new StripePageObject(page);
}
plans() {
return this.page.locator('[data-test-plan]');
}
async selectPlan(index = 0) {
await expect(async () => {
const plans = this.plans();
const plan = plans.nth(index);
await expect(plan).toBeVisible();
await this.page.waitForTimeout(500);
await plan.click();
}).toPass();
}
manageBillingButton() {
return this.page.locator('[data-test="manage-billing-redirect-button"]');
}
successStatus() {
return this.page.locator('[data-test="payment-return-success"]');
}
async returnToBilling() {
// wait a bit for the webhook to be processed
await this.page.waitForTimeout(1000);
return this.page
.locator('[data-test="checkout-success-back-link"]')
.click();
}
proceedToCheckout() {
return this.page.click('[data-test="checkout-submit-button"]');
}
getStatus() {
return this.page.locator('[data-test="current-plan-card-status-badge"]');
}
}