Rajiv SahalandGitHub
d9adb6c1fc
* e2e tests for availability settings atom * init tests for booking page * add data test id for event type card * update tests for booking page * add data test ids for playwright tests * update test coverage for booking page
61 lines
2.4 KiB
TypeScript
61 lines
2.4 KiB
TypeScript
import { test, expect } from "@playwright/test";
|
|
import type { Page } from "@playwright/test";
|
|
|
|
async function selectOption(page: Page, optionNumber: number) {
|
|
for (let i = 0; i < optionNumber; i++) {
|
|
await page.keyboard.press("ArrowDown");
|
|
}
|
|
await page.keyboard.press("Enter");
|
|
}
|
|
|
|
test("availability page loads with all components", async ({ page }) => {
|
|
await page.goto("/availability");
|
|
|
|
await expect(page).toHaveURL("/availability");
|
|
|
|
await expect(page.locator('h1:has-text("Availability Settings")')).toBeVisible();
|
|
|
|
await expect(page.locator('button:has-text("Validate Form")')).toBeVisible();
|
|
|
|
await expect(page.locator('button:has-text("Submit Form")')).toBeVisible();
|
|
|
|
await expect(page.locator('[data-testid="Monday"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="Tuesday"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="Wednesday"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="Thursday"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="Friday"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="Saturday"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="Sunday"]')).toBeVisible();
|
|
|
|
await page.locator('[data-testid="Sunday-switch"]').click();
|
|
await page.locator('[data-testid="Monday-switch"]').click();
|
|
await page.locator('[data-testid="Thursday-switch"]').click();
|
|
|
|
await page.locator('[data-testid="Wednesday"] [data-testid="select-control"] div').first().click();
|
|
|
|
await selectOption(page, 5);
|
|
|
|
await page.locator('[data-testid="Wednesday"] [data-testid="select-control"] div').last().click();
|
|
await selectOption(page, 7);
|
|
|
|
await page.locator('[data-testid="Friday"] [data-testid="select-control"] div').first().click();
|
|
await selectOption(page, 3);
|
|
|
|
await page.locator('[data-testid="Friday"] [data-testid="select-control"] div').last().click();
|
|
await selectOption(page, 10);
|
|
|
|
await page.locator('[data-testid="Friday"] [data-testid="add-time-availability"]').click();
|
|
|
|
await page.locator('[data-testid="timezone-select"] div').first().click();
|
|
|
|
await selectOption(page, 10);
|
|
|
|
await page.locator('[data-testid="add-override"]').click();
|
|
await page.locator('[data-testid="day"]:not([data-disabled="true"])').first().click();
|
|
await page.locator('[data-testid="add-override-submit-btn"]').click();
|
|
|
|
await page.locator('[data-testid="dialog-rejection"]').click();
|
|
|
|
await page.locator('button[form="availability-form"]').click();
|
|
});
|