import { test, expect, Page } from '@playwright/test';
import { strictEqual } from 'assert';
import { log } from 'console';

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('/');
    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');

    // เข้าสู่เมนูสินค้าและบริการ
    await page.click('id=menu.manage');
    await page.waitForSelector('id=sub-menu-productService');
    await page.click('id=sub-menu-productService');
    await page.waitForTimeout(2000);

    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);
  }
  try {
    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.fill('id=input-service-code', 'MOU');
    await page.fill('id=input-service-name', 'ประกันภัยแบบกลุ่ม');
    await page.fill('id=input-service-description', 'รายละเอียดประภัยแบบกลุ่ม');

    // ส่วนข้อมูลงาน
    await page.click("(//div[@role='listitem']//div)[2]");
    await page.waitForSelector("(//button[@id='btn-add-work'])[1]");
    await page.click("(//button[@id='btn-add-work'])[1]");

    // เพิ่มชื่องาน
    await page.click("//div[@for='select-work-name-1']");
    await page.waitForSelector("//button[contains(.,'จัดการ')]");
    await page.click("//button[contains(.,'จัดการ')]");
    await page.waitForSelector("//span[normalize-space(text())='เพิ่มงาน']");
    await page.click("//span[normalize-space(text())='เพิ่มงาน']");
    await page.fill('id=input-work-name-2', 'อักคคีภัย');
    await page.waitForSelector('id=btn-save-work-name');
    await page.click('id=btn-save-work-name');
    await page.click("(//button[@id='btn-form-close'])[2]");
    await page.waitForSelector("//div[@for='select-work-name-1']");
    await page.click("//div[@for='select-work-name-1']");
    await page.waitForSelector("//div[normalize-space(text())='อัคคีภัย']");
    await page.click("//div[normalize-space(text())='อัคคีภัย']");

    // เพิ่มสินค้า
    await page.click("(//button[@id='btn-add-work-product'])[2]");
    await page.waitForSelector("//div[text()='ชื่อกลุ่มสินค้าและบริการ']");
    await page.click("//div[text()='ชื่อกลุ่มสินค้าและบริการ']");
    await page.click('id=btn-form-submit');

    // ขั้นตอนการทำงาน
    await page.click("(//button[@id='btn-add-work-product']//span)[2]");
    await page.click('id=select-workflow');
    const propertiesServiceRecordName = page.locator(
      "//span[normalize-space(text())='บันทึกบริการ_Name']",
    );

    expect(propertiesServiceRecordName).toHaveText('บันทึกบริการ_Name');
    console.log(propertiesServiceRecordName, 'เลือกdropdown แล้ว');
  } catch (error) {
    console.error('เกิดข้อผิดการในการทดสอบ');
    isLoginSuccessful = false;
    throw error;
  }

  await page.waitForTimeout(2000);
});