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="hashedLink"]');
    await page.click('//*[@id="hashedLink"]');
    // click update
    await page.focus('//button[@type="submit"]');
    await page.keyboard.press("Enter");
  });

  test("book using generated 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('//*[@data-testid="generated-hash-url"]');
    $url = await page.locator('//*[@data-testid="generated-hash-url"]').inputValue();
    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();
  });
});