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

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-customer');
    await page.click('id=sub-menu-customer');
    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=btn-kebab-action-ณัฐวุฒิ เกียรติกุล');
    await page.click('id=btn-kebab-action-ณัฐวุฒิ เกียรติกุล');
    await page.waitForSelector('id=btn-kebab-edit-ณัฐวุฒิ เกียรติกุล');
    await page.click('id=btn-kebab-edit-ณัฐวุฒิ เกียรติกุล');

    // ส่วนเกี่ยวกับ
    await page.fill(
      'id=input-register-name',
      'บริษัท สยาม เอ็นเนอร์จี โซลูชั่น จำกัด',
    );
    await page.fill(
      'id=input-register-name-en',
      'Siam Energy Solutions Co., Ltd.',
    );
    await page.fill('id=input-legal-person-no', 'ภาคิน วงศ์ศรีสุข');
    await page.fill('id=input-authorized-capital', '15000000');

    // ส่วนที่อยู่นายจ้าง
    await page.click("(//div[@class='q-tab__label'])[4]");
    await page.fill(
      'id=info-input-address-no',
      '123/45 อาคารเพิร์ล ทาวเวอร์ ชั้น 10',
    );
    await page.fill("(//input[@id='info-input-street'])[1]", 'พหลโยธิน');
    await page.click('id=info-select-province');
    await page.waitForSelector('id=info-select-province_0');
    await page.click('id=info-select-province_0');
    await page.click('id=info-select-district');
    await page.waitForSelector('id=info-select-district_26');
    await page.click('id=info-select-district_26');
    await page.click('id=info-select-sub-district');
    await page.waitForSelector('id=info-select-sub-district_1');
    await page.click('id=info-select-sub-district_1');
    await page.fill(
      'id=info-input-address-en',
      '123/45 Pearl Tower, 10th Floor',
    );
    await page.fill("(//input[@id='info-input-street'])[2]", 'Phahonyothin');

    await page.waitForSelector("//button[@type='submit']");
    await page.click("//button[@type='submit']");
    await page.waitForTimeout(2000);
    await page.waitForSelector('id=btn-info-close');
    await page.click('id=btn-info-close');
    await page.waitForTimeout(2000);

    const legalAfterEdit = await page.locator(
      "//tr[contains(.,'บริษัท สยาม เอ็นเนอร์จี โซลูชั่น จำกัด') and contains (.,'022022000')]",
    );

    await expect(legalAfterEdit).toContainText(
      'บริษัท สยาม เอ็นเนอร์จี โซลูชั่น จำกัด',
    );
    await expect(legalAfterEdit).toContainText('022022000');
    console.log('ระบบทดสอบการแก้ไขสำเร็จ');
  } catch (error) {
    console.log('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForTimeout(2000);
});