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 { uc89Default } from "../uc89.default.data";

const BASE_URL = process.env.BASE_URL!;

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

  await test.step("1. Truy cập màn hình Đăng ký khởi tạo BHS", async () => {
    await page.goto(`${BASE_URL}/my-request/dang-ky-khoi-tao`);
  });

  await test.step("2. Mở form Tạo mới phiếu yêu cầu", async () => {
    await pw.isVisible("btn-create", TIMEOUT.PAGE_LOADING);
    await pw.clickButton("btn-create");
  });

  await test.step("3. Nhập đủ thông tin, Lưu và Gửi yêu cầu", async () => {
    const requestTitle = `AT - Bộ hồ sơ - ${new Date().getTime()}`;
    await pw.batchInput(
      uc89Default.filter((item) => item.testId !== "txt-rfa-title"),
    );
    await pw.inputText("txt-rfa-title", requestTitle);
    await pw.clickButton("btn-save");
    await expect(page.locator(".ant-notification-notice-message"), {
      message: 'Lỗi: Không hiển thị thông báo "Lưu thông tin thành công"',
    }).toContainText("Lưu thông tin thành công", {
      timeout: TIMEOUT.ACTION_LOADING,
    });
    await pw.isVisible("btn-start-wf", TIMEOUT.PAGE_LOADING);
    await pw.clickButton("btn-start-wf");
    await expect(page.locator(".ant-notification-notice-message"), {
      message: 'Lỗi: Không hiển thị thông báo "Gửi yêu cầu thành công"',
    }).toContainText("Gửi yêu cầu thành công", {
      timeout: TIMEOUT.ACTION_LOADING,
    });
  });

  await test.step("4. Tìm kiếm phiếu và mở chi tiết với tài khoản người duyệt", async () => {
    await page.locator("#keyword").fill("");
    await page.locator("#keyword").press("Enter");
    const rowKey = await page
      .locator("tr.ant-table-row.ant-table-row-level-0.group")
      .first()
      .getAttribute("data-row-key");
    await approverPage.goto(
      `${BASE_URL}/my-request/dang-ky-khoi-tao?itemId=${rowKey}`,
    );
  });

  await test.step("Kết quả", async () => {
    await expect(approverPage.getByTestId("btn-approval"), {
      message: "Lỗi: Nút Phê duyệt phải hiển thị với người duyệt",
    }).toBeVisible({ timeout: TIMEOUT.ACTION_LOADING });
    await expect(approverPage.getByTestId("btn-reject"), {
      message: "Lỗi: Nút Từ chối phải hiển thị với người duyệt",
    }).toBeVisible({ timeout: TIMEOUT.ACTION_LOADING });
  });
};

test(
  "UC89 2.1.38 - Hiển thị nút Phê duyệt/Từ chối với người xử lý bước hiện tại - Thủ thư " +
    ACCOUNT.LIBRARIAN,
  async ({ librarian, ecm03 }) => {
    await runTest(librarian, ecm03);
  },
);
test(
  "UC89 2.1.38 - Hiển thị nút Phê duyệt/Từ chối với người xử lý bước hiện tại - Admin " +
    ACCOUNT.ADMIN,
  async ({ admin, ecm03 }) => {
    await runTest(admin, ecm03);
  },
);
test(
  "UC89 2.1.38 - Hiển thị nút Phê duyệt/Từ chối với người xử lý bước hiện tại - End user " +
    ACCOUNT.END_USER,
  async ({ end_user, ecm03 }) => {
    await runTest(end_user, ecm03);
  },
);
