import { Page } from "@playwright/test";
import { test, expect, ACCOUNT } from "../../../src/fixture/base-test";
import { TIMEOUT } from "../../../src/constant/timeout";
import { PW } from "../../../src/utils/PW";
import { uc29DefaultData, uc29DefaultUrl } from "../uc29.default.data";

const BASE_URL = process.env.BASE_URL!;

const expectedRelatedHeaderColumns = [
  "Mã hồ sơ",
  "Tên hồ sơ",
  "Độ mật",
  "Thư mục lưu trữ",
  "Dự án",
];

const assertRelatedModalHeaders = async (targetPage: Page) => {
  const modalContent = targetPage.locator(".ant-modal-content:visible").last();
  const headerCells = modalContent.locator(".ant-table-thead th");
  const rawHeaderTexts = await headerCells.allTextContents();

  const actualHeaderTexts = rawHeaderTexts
    .map((text) => text.trim())
    .filter((text) => text.length > 0);

  for (const headerText of expectedRelatedHeaderColumns) {
    expect(actualHeaderTexts, {
      message: `Lỗi: Thiếu cột "${headerText}" trong modal Tìm hồ sơ liên quan`,
    }).toContain(headerText);
  }
};

const runTest = async (page: Page, ecm05: Page) => {
  const pw = new PW(page);

  await test.step("1. Truy cập màn hình Kho tài liệu", async () => {
    await page.goto(`${BASE_URL}${uc29DefaultUrl}`);
  });
  await test.step("2. Chọn nút Tạo mới", async () => {
    await pw.isVisible("btn-create-hstl", TIMEOUT.PAGE_LOADING);
    await pw.wait(TIMEOUT.HARD_WAITING);
    await pw.clickButton("btn-create-hstl");
  });
  await test.step("3. Kiểm tra nút bấm thêm Thông tin liên quan ở màn Tạo mới hồ sơ", async () => {
    await pw.clickButton("btn-add-related-ecm");
    await page
      .getByText("Tìm hồ sơ liên quan")
      .waitFor({ timeout: TIMEOUT.ACTION_LOADING });
    await assertRelatedModalHeaders(page);
    await page.getByRole("button", { name: "Hủy" }).click();
  });
  await test.step("4. Tạo mới bộ hồ sơ", async () => {
    await pw.batchInput(
      uc29DefaultData.filter((o) => o.testId !== "pp-multi-usersRightOwner"),
      true,
    );
    await pw.inputPeoplePicker("pp-multi-usersRightOwner", "ecm05");
    await pw.clickButton("btn-save");
    await expect(page.locator(".ant-message-success"), {
      message: 'Lỗi: Thông báo không phải "Tạo mới thành công"',
    }).toBeVisible({ timeout: TIMEOUT.ACTION_LOADING });
  });
  await test.step("5. Kiểm tra nút bấm thêm Thông tin liên quan ở màn Cập nhật hồ sơ", async () => {
    await pw.clickButton("btn-add-related-ecm");
    await page
      .getByText("Tìm hồ sơ liên quan")
      .waitFor({ timeout: TIMEOUT.ACTION_LOADING });
    await assertRelatedModalHeaders(page);
    await page.getByRole("button", { name: "Hủy" }).click();
  });
  const currentUrl = page.url();
  const pwEcm05 = new PW(ecm05);
  await test.step("6. Kiểm tra bằng tài khoản Owner", async () => {
    await ecm05.goto(currentUrl);
    await pwEcm05.wait(TIMEOUT.HARD_WAITING);
  });

  await test.step("7. Kiểm tra nút bấm thêm Thông tin liên quan ở quyền Owner", async () => {
    await pwEcm05.clickButton("lbl-tab-thongTin");
    await pwEcm05.clickButton("btn-add-related-ecm");
    await ecm05
      .getByText("Tìm hồ sơ liên quan")
      .waitFor({ timeout: TIMEOUT.ACTION_LOADING });
    await assertRelatedModalHeaders(ecm05);
    await ecm05.getByRole("button", { name: "Hủy" }).click();
  });
  //   await test.step("6. Kiểm tra nút bấm thêm Thông tin liên quan ở")
};

test(
  "UC29 1.1.2.1.58 - Danh sách hồ sơ mặc định hiển thị đúng cột - Thủ thư" +
    ACCOUNT.LIBRARIAN,
  async ({ librarian, ecm05 }) => {
    await runTest(librarian, ecm05);
  },
);
test(
  "UC29 1.1.2.1.58 - Danh sách hồ sơ mặc định hiển thị đúng cột - Admin" +
    ACCOUNT.ADMIN,
  async ({ admin, ecm05 }) => {
    await runTest(admin, ecm05);
  },
);
