import { test, expect, Page } from '@playwright/test';
import { strictEqual } from 'assert';
import { it } from 'node:test';

let page: Page;
let isLoginSuccessful = false;

test.beforeAll(async ({ browser }) => {
  page = await browser.newPage();
});

test.afterAll(async () => {
  if (page !== undefined) {
    await page.close();
  }
});

async function login(page) {
  try {
    // Login
    await page.goto('http://192.168.1.62:20101/');
    await expect(page).toHaveTitle(/^Sign in to /);
    await page.fill("input[name='username']", 'admin');
    await page.fill("input[name='password']", '1234');
    await page.click('id=kc-login');
    await page.waitForTimeout(2000);
    //   await page.click('id=acceptBtn');

    isLoginSuccessful = true;
    console.log('Login สำเร็จ');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการ Login', error);
    isLoginSuccessful = false;
  }
}

test('Login', async () => {
  await login(page);
});

test('จำลองการสร้างสินค้าและบริการเพิื่อทำการทดสอบลบ', async () => {
  if (!isLoginSuccessful) {
    await login(page);
  }
  //-----------------------------------------สร้างกลุ่มสินค้าและบริการ------------------------------//
  await page.click('id=menu-icon-product-service');

  await page.click('id=btn-add');
  await page.click('id=btn-add-product-group');

  // กรอกข้อมูลกลุ่มสินค้าและบริการ

  await page.fill("(//input[@id='input-name'])[2]", 'กลุ่มสินค้าและบริการ');
  await page.fill(
    "(//textarea[@id='input-detail'])[2]",
    'รายละเอียดกลุ่มสินค้าและบริการ',
  );
  await page.fill(
    "(//textarea[@id='input-remark'])[2]",
    'หมายเหตุกลุ่มสินค้าและบริการ',
  );

  // บันทึกการสร้างกลุ่มสินค้นและบริการ
  await page.click('id=btn-form-submit');

  //-----------------------------------------สร้างสินค้าและบริการ------------------------------//

  await page.waitForSelector('id=tree-enter-กลุ่มสินค้าและบริการ', {
    state: 'visible',
  });
  await page.click('id=tree-enter-กลุ่มสินค้าและบริการ');
  await page.waitForSelector(
    'id=tree-enter-สินค้าและบริการ-กลุ่มสินค้าและบริการ',
    {
      state: 'visible',
    },
  );
  await page.click('id=tree-enter-สินค้าและบริการ-กลุ่มสินค้าและบริการ');

  await page.click('id=btn-add');
  await page.click('id=btn-add-product');

  // รหัสสินค้าและบริการ
  await page.waitForSelector("(//input[@id='select-br-id'])[1]", {
    state: 'visible',
  });
  await page.click("(//input[@id='select-br-id'])[1]");
  await page.click('id=select-br-id_0');
  await page.fill("(//input[@id='input-name'])[2]", 'สินค้าและบริการ');

  // ระยะเวลาดำเนินการ
  await page.fill('id=input-process', '2');

  // ประเภทค่าใช้จ่าย
  await page.waitForSelector("(//input[@id='select-br-id'])[2]", {
    state: 'visible',
  });
  await page.click("(//input[@id='select-br-id'])[2]");
  await page.click('id=select-br-id_0');

  // กรอกรายละเอียด
  await page.fill("//div[@contenteditable='true']", 'รายละเอียด');

  // กรอกสาเหตุ
  await page.fill("(//textarea[@id='input-remark'])[2]", 'หมายเหตุ');

  // ส่วนข้อมูลราคา
  await page.click("//span[normalize-space(text())='ข้อมูลราคา']");
  await page.fill('id=input-price', '2000');
  await page.fill('id=input-agent-price', '1800');
  await page.fill('id=input-service-charge', '1000');
  await page.click('id=btn-form-submit');

  //-----------------------------------------สร้างประเภทสินค้าและบริการ------------------------------//
  // เข้าสู่หน้าประเภท
  await page.waitForSelector('id=tree-enter-ประเภท-กลุ่มสินค้าและบริการ', {
    state: 'visible',
  });
  await page.click('id=tree-enter-ประเภท-กลุ่มสินค้าและบริการ');

  // เพิ่มประเภท
  await page.click('id=btn-add');
  await page.click('id=btn-add-service');

  // กรอกข้อมูลประเภทส่วน "ข้อมูลประเภท"
  await page.fill('id=input-service-code', 'MOU');
  await page.fill('id=input-service-name', 'ประเภทสินค้าและบริการ');
  await page.fill('id=input-service-description', 'รายละเอียดประภัยแบบกลุ่ม');

  // เพิ่มคุณสมบัติส่วน "คุณสมบัติของประเภท"
  await page.click('id=btn-capitalize');
  await page.click('id=btn-dropdow-properties');
  await page.click('id=list-serviceRecordName');
  await page.keyboard.press('Escape');

  const propertiesServiceRecordName = page.locator(
    "//span[normalize-space(text())='บันทึกบริการ_Name']",
  );

  expect(propertiesServiceRecordName).toHaveText('บันทึกบริการ_Name');
  console.log(propertiesServiceRecordName, 'เลือกdropdown แล้ว');

  // บันทึกการเพิ่มคุณสมบัติ
  await page.click("(//button[@id='btn-form-submit'])[2]");

  // เพิ่มส่วนข้อมูลงาน
  await page.click("//span[normalize-space(text())='ข้อมูลงาน']");
  await page.click('id=btn-add-work');
  await page.click("//div[@for='select-work-name-1']");
  await page.waitForTimeout(2000);
  await page.click("//span[normalize-space(text())='จัดการ']");
  await page.click("//span[normalize-space(text())='เพิ่มงาน']");
  await page.fill('id=input-work-name-1', 'ทดสอบงาน');
  await page.click('id=btn-save-work-name');
  await page.click("(//button[@id='btn-form-close'])[2]");
  await page.waitForTimeout(2000);
  await page.click("//div[normalize-space(text())='ทดสอบงาน']");
  await page.waitForTimeout(2000);
  await page.keyboard.press('Escape');

  // เพิ่มคุณสมบัติ
  await page.click("(//button[@id='btn-add-work-product'])[1]");
  await page.click('id=btn-dropdow-properties');
  await page.click('id=list-refNo');
  await page.keyboard.press('Escape');

  const propertiesRefNo = page.locator("//span[text()='Ref No:']");

  expect(propertiesRefNo).toHaveText('Ref No:');
  console.log(propertiesRefNo, 'เลือกdropdown แล้ว');

  await page.click("(//button[@id='btn-form-submit'])[2]");

  // เพิ่มสินค้าและบริการ
  await page.click("(//button[@id='btn-add-work-product'])[2]");
  await page.click("//div[contains(@class,'column bordered')]");
  await page.click("(//button[@id='btn-form-submit'])[2]");

  // บันทึกการสร้างประเภท
  await page.click('id=btn-form-submit');

  console.log('จำลองการสร้างสินค้าและบริการสำเร็จ');
  await page.waitForTimeout(2000);
});

test('ทดสอบการลบประเภทสินค้าและบริการ', async () => {
  if (!isLoginSuccessful) {
    await login(page);
  }
  try {
    await page.click('id=btn-kebab-action-ประเภทสินค้าและบริการ');
    await page.click('id=btn-kebab-delete-ประเภทสินค้าและบริการ');
    await page.click('id=btn-ok-dialog');

    // ตรวจสอบการลบประเภทสินค้าและบริการ
    const itemLocator = await page.locator(
      "//td[contains(.,'สินค้าและบริการ DOE004')]",
    );

    expect(itemLocator).toBeHidden();
    console.log('ตรวจสอบการลบประเภทสินค้าและบริการสำเร็จ');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
});

test('ทดสอบการลบสินค้าและบริการ', async () => {
  if (!isLoginSuccessful) {
    await login(page);
  }
  try {
    await page.click('id=tree-enter-สินค้าและบริการ-กลุ่มสินค้าและบริการ');
    await page.click('id=btn-kebab-action-สินค้าและบริการ');
    await page.click('id=btn-kebab-delete-สินค้าและบริการ');
    await page.click('id=btn-ok-dialog');

    // ตรวจสอบการลบสินค้าและบริการ
    const itemLocator = await page.locator(
      "//td[contains(.,'สินค้าและบริการ DOE004')]",
    );

    expect(itemLocator).toBeHidden();
    console.log('ตรวจสอบการลบสินค้าและบริการสำเร็จ');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
});