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

test("Cox can start and cancel trip", async ({ page }, testInfo) => {
  await page.goto("http://localhost:8000/auth");
  await page.getByPlaceholder("Name").click();
  await page.getByPlaceholder("Name").fill("cox2");
  await page.getByPlaceholder("Name").press("Tab");
  await page.getByPlaceholder("Passwort").fill("cox");
  await page.getByPlaceholder("Passwort").press("Enter");

  await page.goto("http://localhost:8000/");
  await page.getByRole("link", { name: "Ausfahrt eintragen" }).click();
  if (testInfo.project.name.includes("Mobile")) {
    // No left boat selector on mobile views
    await page.getByText("Kaputtes Boot :-( (7 x)").nth(1).click();
    await page.getByRole("option", { name: "Joe" }).click();
  } else {
    await page.getByText("Joe", { exact: true }).click();
  }
  await page.getByPlaceholder("Ruderer auswählen").click();
  await page.getByRole("option", { name: "rower2" }).click();
  await page.getByRole("option", { name: "cox2" }).click();
  await expect(page.getByRole("listbox")).toContainText(
    "Nur 2 Ruderer können hinzugefügt werden",
  );
  await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
    "rower2 cox",
  );
  await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
  await expect(page.locator("body")).toContainText(
    "Ausfahrt erfolgreich hinzugefügt",
  );
  await expect(page.locator("body")).toContainText("Joe");

  await page.getByRole("link", { name: "Joe" }).click();
  page.once("dialog", (dialog) => {
    dialog.accept().catch(() => {});
  });
  await page.getByRole("link", { name: "Löschen" }).click();
});

test("Cox can start and finish trip", async ({ page }, testInfo) => {
  await page.goto("http://localhost:8000/auth");
  await page.getByPlaceholder("Name").click();
  await page.getByPlaceholder("Name").fill("cox2");
  await page.getByPlaceholder("Name").press("Tab");
  await page.getByPlaceholder("Passwort").fill("cox");
  await page.getByPlaceholder("Passwort").press("Enter");

  await page.goto("http://localhost:8000/");
  await page.getByRole("link", { name: "Ausfahrt eintragen" }).click();
  if (testInfo.project.name.includes("Mobile")) {
    // No left boat selector on mobile views
    await page.getByText("Kaputtes Boot :-( (7 x)").nth(1).click();
    await page.getByRole("option", { name: "Joe" }).click();
  } else {
    await page.getByText("Joe", { exact: true }).click();
  }
  await page.getByPlaceholder("Ruderer auswählen").click();
  await page.getByRole("option", { name: "rower2" }).click();
  await page.getByRole("option", { name: "cox2" }).click();
  await expect(page.getByRole("listbox")).toContainText(
    "Nur 2 Ruderer können hinzugefügt werden",
  );
  await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
    "rower2 cox",
  );
  await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
  await expect(page.locator("body")).toContainText(
    "Ausfahrt erfolgreich hinzugefügt",
  );
  await expect(page.locator("body")).toContainText("Joe");

  await page.goto("http://localhost:8000/log");
  await page.waitForTimeout(60000);
  await page.locator("div:nth-child(2) > .border-0").click();
  await page.getByRole("combobox", { name: "Destination" }).click();
  await page.getByRole("combobox", { name: "Destination" }).fill("Ottensheim");
  await page.getByRole("button", { name: "Ausfahrt beenden" }).click();
  await expect(page.locator("body")).toContainText(
    "Ausfahrt korrekt eingetragen",
  );
});