import { expect, test } from "@playwright/test"; import { deleteAllBookingsByEmail } from "./lib/teardown"; import { bookTimeSlot, selectFirstAvailableTimeSlotNextMonth } from "./lib/testUtils"; test.describe("hash my url", () => { test.use({ storageState: "playwright/artifacts/proStorageState.json" }); let $url = ""; test.beforeEach(async ({ page }) => { await deleteAllBookingsByEmail("pro@example.com"); await page.goto("/event-types"); // We wait until loading is finished await page.waitForSelector('[data-testid="event-types"]'); }); test.afterAll(async () => { // delete test bookings await deleteAllBookingsByEmail("pro@example.com"); }); test("generate url hash", async ({ page }) => { // await page.pause(); await page.goto("/event-types"); // We wait until loading is finished await page.waitForSelector('[data-testid="event-types"]'); await page.click('//ul[@data-testid="event-types"]/li[1]'); // We wait for the page to load await page.waitForSelector('//*[@data-testid="show-advanced-settings"]'); await page.click('//*[@data-testid="show-advanced-settings"]'); // we wait for the hashedLink setting to load await page.waitForSelector('//*[@id="hashedLinkCheck"]'); // ignore if it is already checked, and click if unchecked const isChecked = await page.isChecked('//*[@id="hashedLinkCheck"]'); !isChecked && (await page.click('//*[@id="hashedLinkCheck"]')); // we wait for the hashedLink setting to load await page.waitForSelector('//*[@data-testid="generated-hash-url"]'); $url = await page.locator('//*[@data-testid="generated-hash-url"]').inputValue(); // click update await page.focus('//button[@type="submit"]'); await page.keyboard.press("Enter"); }); test("book using generated url hash", async ({ page }) => { await page.goto($url); await selectFirstAvailableTimeSlotNextMonth(page); await bookTimeSlot(page); // Make sure we're navigated to the success page await page.waitForNavigation({ url(url) { return url.pathname.endsWith("/success"); }, }); }); test("hash regenerates after successful booking", async ({ page }) => { await page.goto("/event-types"); // We wait until loading is finished await page.waitForSelector('[data-testid="event-types"]'); await page.click('//ul[@data-testid="event-types"]/li[1]'); // We wait for the page to load await page.waitForSelector('//*[@data-testid="show-advanced-settings"]'); await page.click('//*[@data-testid="show-advanced-settings"]'); // we wait for the hashedLink setting to load await page.waitForSelector('//*[@data-testid="generated-hash-url"]'); const $newUrl = await page.locator('//*[@data-testid="generated-hash-url"]').inputValue(); expect($url !== $newUrl).toBeTruthy(); }); });