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";

const BASE_URL = process.env.BASE_URL!;

const runTest = async (page: 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}/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. Để trống trường Tên hồ sơ và bấm Lưu lại", async () => {
    await pw.isVisible("txt-tenHoSo");
    await pw.clickButton("btn-save");
  });
  await test.step("Kết quả", async () => {
    await expect(page.getByTestId("lbl-error-msg"), {
      message: "Lỗi: Không hiển thị thông báo lỗi trường bắt buộc",
    }).toBeVisible({ timeout: TIMEOUT.ACTION_LOADING });
    await expect(page.getByTestId("lbl-error-msg"), {
      message: "Lỗi: Nội dung thông báo lỗi không đúng",
    }).toHaveText("Trường tên hồ sơ bắt buộc!", {
      timeout: TIMEOUT.VALIDATE_WAITING,
    });
  });
};

test(
  "UC19 1.1.2.7 - [Tên hồ sơ] Kiểm tra trường bắt buộc - Thủ thư " +
    ACCOUNT.LIBRARIAN,
  async ({ librarian }) => {
    await runTest(librarian);
  },
);