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

test.describe("MS L2 UI fixture", () => {
  test.beforeEach(async ({ page }) => {
    await page.goto("/e2e-fixtures/ms-l2-ui");
  });

  test("补填态：空必填项红边高亮", async ({ page }) => {
    const details = page.getByTestId("ms-l2-details");
    await expect(details.getByTestId("ms-details-pickup-company")).toHaveAttribute(
      "data-invalid",
      "true",
    );
    await expect(details.getByTestId("ms-details-pickup-email")).toHaveAttribute(
      "data-invalid",
      "true",
    );
    await expect(details.getByTestId("ms-details-pickup-company")).toHaveClass(
      /border-error/,
    );

    await details.getByTestId("ms-details-pickup-company").fill("Acme Pickup LLC");
    await expect(
      details.getByTestId("ms-details-pickup-company"),
    ).not.toHaveAttribute("data-invalid", "true");
  });

  test("附加服务卡片可勾选，详情开关可关", async ({ page }) => {
    const details = page.getByTestId("ms-l2-details");
    await expect(
      details.getByText("选择提货/送货服务，避免追收附加费").first(),
    ).toBeVisible();

    const liftgate = details.getByRole("button", { name: /尾板/ }).first();
    await liftgate.click();
    await expect(liftgate).toHaveClass(/border-primary/);

    await details.getByRole("switch").first().click();
    await expect(details.getByText("需液压尾板装货").first()).toHaveCount(0);
  });

  test("侧栏承运商/保障/结账可点", async ({ page }) => {
    const sidebar = page.getByTestId("ms-l2-sidebar");
    await expect(
      sidebar.getByText("选择承运商", { exact: true }),
    ).toBeVisible();
    await sidebar
      .getByRole("button", { name: /TForce Freight Direct/ })
      .first()
      .click();
    await expect(sidebar.getByText("已选").first()).toBeVisible();

    await sidebar.getByText("Dedicated Dry Van").first().click();
    await expect(sidebar.getByText(/运费|附加费|暂无更多费用明细/)).toBeVisible();
    await expect(sidebar.getByText(/以官网为准/)).toHaveCount(0);
    await expect(sidebar.getByText("无法服务此货件的承运商")).toHaveCount(0);

    await sidebar.getByText("全额货运保障（FreightProtect）").click();
    await expect(sidebar.getByText("最低约 $22.55")).toBeVisible();
    await sidebar.getByPlaceholder("输入货物总价值").fill("1500");
    await expect(
      sidebar.getByRole("button", { name: "了解更多", exact: true }),
    ).toHaveCount(0);
    await expect(sidebar.getByText(/外链暂未配置|官网查看/)).toHaveCount(0);

    await sidebar.getByText("承运商基础保障").click();
    await expect(
      sidebar.getByRole("button", { name: "查看保障详情与除外条款" }),
    ).toHaveCount(0);
    await sidebar.getByRole("button", { name: /前往结账/ }).click();
    await expect(page.getByTestId("last-action")).toHaveText(
      "lastAction=checkout-ok",
    );
  });
});