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 {
  loadTestDataSync as loadExcelData,
  TestDataSet,
} from "../../../src/utils/test-data-reader";
import { defaultData11245 } from "./1.1.2.45.data";

const BASE_URL = process.env.BASE_URL!;
const testDataSets = loadExcelData(__filename, defaultData11245);

const runTest = async (page: Page, dataSet: TestDataSet) => {
  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}/hoso-quan-ly`);
  });
  await test.step("2. Chọn nút Tạo mới", async () => {
    await pw.isVisible("btn-create-hstl", TIMEOUT.PAGE_LOADING);
    await pw.clickButton("btn-create-hstl");
  });
  await test.step("3. Nhập dữ liệu với Số hiệu có khoảng trắng ở đầu/cuối và bấm Lưu lại", async () => {
    await pw.batchInput(dataSet.data);
    await pw.clickButton("btn-save");
  });
  await test.step("4. Đóng modal, tìm kiếm và mở lại hồ sơ vừa tạo", async () => {
    await pw.isVisible("btn-close-modal", TIMEOUT.ACTION_LOADING);
    await pw.clickButton("btn-close-modal");
    await pw.clickButton("txt-search");
    await pw.inputText("txt-search", dataSet.data[0].value.trim());
    await pw.enter();
    await pw.isVisible("tbl-search-result");
    await page
      .getByTestId("tbl-search-result")
      .locator(".ant-table-row.ant-table-row-level-0")
      .first()
      .click();
    await page.getByTestId("lbl-tab-thongTin").click();
  });
  await test.step("Kết quả", async () => {
    await pw.valueShouldBe(
      "txt-soHieuHoSo",
      dataSet.data.find((d) => d.testId === "txt-soHieuHoSo")!.value.trim(),
    );
  });
};

for (const dataSet of testDataSets) {
  test(`UC19 1.1.2.45 - [Số hiệu HS] Bỏ khoảng trống (bên trái, bên phải) - ${dataSet.name} - Thủ thư ${ACCOUNT.LIBRARIAN}`, async ({
    librarian,
  }) => {
    await runTest(librarian, dataSet);
  });
}
