import { expect } from "@playwright/test";

import { test } from "./lib/fixtures";

// IMPORTANT: we do NOT load different translations based on URL locale
// We load different translations based on the browser locale or Cal.diy User settings
// This test suite is just to make sure that the routing works correctly
test.describe("Locale-specific pages must not 404", () => {
  for (const locale of ["en", "fr"]) {
    test.describe(`/${locale}/* pages`, () => {
      test(`/${locale}/login shouldn't 404`, async ({ page }) => {
        const response = await page.goto(`/${locale}/login`);
        expect(response?.status()).not.toBe(404);
        await expect(page.getByTestId("login-form")).toBeVisible();
      });

      test(`/${locale}/auth/login shouldn't 404`, async ({ page }) => {
        const response = await page.goto(`/${locale}/auth/login`);
        expect(response?.status()).not.toBe(404);
        await expect(page.getByTestId("login-form")).toBeVisible();
      });

      test(`/${locale}/[user] page shouldn't 404`, async ({ page, users }) => {
        const user = await users.create();
        const response = await page.goto(`/${locale}/${user.username}`);
        expect(response?.status()).not.toBe(404);
        await expect(page.getByTestId("event-types")).toBeVisible();
      });

      test(`/${locale}/[user]/[type] page shouldn't 404`, async ({ page, users }) => {
        const user = await users.create();
        const response = await page.goto(`/${locale}/${user.username}/30-min`);
        expect(response?.status()).not.toBe(404);
        await expect(page.getByTestId("booker-container")).toBeVisible();
      });

      test(`/${locale}/event-types page shouldn't 404`, async ({ page, users }) => {
        const user = await users.create();
        await user.apiLogin();
        const response = await page.goto(`/${locale}/event-types`);
        expect(response?.status()).not.toBe(404);
        await expect(page.getByTestId("subtitle").first()).toBeVisible();
      });

      test(`/${locale}/availability page shouldn't 404`, async ({ page, users }) => {
        const user = await users.create();
        await user.apiLogin();
        const response = await page.goto(`/${locale}/availability`);
        expect(response?.status()).not.toBe(404);
        await expect(page.getByTestId("subtitle").first()).toBeVisible();
      });

      test(`/${locale}/bookings/upcoming page shouldn't 404`, async ({ page, users }) => {
        const user = await users.create();
        await user.apiLogin();
        const response = await page.goto(`/${locale}/bookings/upcoming`);
        expect(response?.status()).not.toBe(404);
        await expect(page.getByRole("heading", { name: "No upcoming bookings" })).toBeVisible();
      });

      // Teams, routing forms, and insights pages are removed in cal.diy
    });
  }
});

test.describe("Locale-specific APIs must not 404", () => {
  for (const locale of ["en"]) {
    test(`/${locale}/api/logo shouldn't 404`, async ({ page }) => {
      const response = await page.goto(`/${locale}/api/logo`);
      expect(response?.status()).not.toBe(404);
      await expect(page.locator("svg")).toBeVisible();
    });
  }
});