import { Page } from "@playwright/test";
import { test, expect } 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!;

test("UC89 2.3.41 - Kiểm tra chức năng Phê duyệt bước 1", async ({ end_user, ecm03 }) => {
  const pw = new PW(end_user);
  let url: string | null = null;

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

  await test.step("2. Tạo phiếu mới và Gửi yêu cầu", async () => {
    await pw.isVisible("btn-create", TIMEOUT.PAGE_LOADING);
    await pw.clickButton("btn-create");
    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(end_user.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(end_user.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 });
    url = await end_user
      .locator("tr.ant-table-row.ant-table-row-level-0.group")
      .first()
      .locator(".ant-table-cell a")
      .nth(1)
      .getAttribute("href");
  });

  await test.step("3. Người duyệt bước 1 phê duyệt phiếu", async () => {
    await ecm03.goto(`${url}`);
    await ecm03.getByTestId("btn-approval").click();
    await ecm03.locator(".ant-modal-body").getByTestId("txt-workflow-action-comment").fill("Phê duyệt khởi tạo");
    await ecm03.locator(".ant-modal-body").getByTestId("btn-workflow-action-modal-ok").click();
    await expect(ecm03.locator(".ant-notification-notice-message"), {
      message: 'Lỗi: Không hiển thị thông báo "Thành công"',
    }).toContainText("Thành công", { timeout: TIMEOUT.ACTION_LOADING });
  });

  await test.step("Kết quả", async () => {
    await ecm03.goto(`${url}`);
    await expect(ecm03.locator(".createRFA"), {
      message: 'Lỗi: Trạng thái phiếu không được cập nhật thành "Chờ phê duyệt"',
    }).toContainText("Chờ phê duyệt", { timeout: TIMEOUT.ACTION_LOADING });
  });
});
