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

let page: Page;

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

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

test('Login', async () => {
  // 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');
});

test('ทดสอบการเพิ่มสินค้า', async () => {
  await page.click('id=menu-icon-product-service');
  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-สินค้าและบริการ-ประกัน');
  try {
    await page.click('id=btn-add');
    await page.click('id=btn-add-product');
    await page.click('id=btn-form-submit');

    // ตรวจสอบหลังการแจ้งเตือนหลังจากคลิกปุ่มบันทึก
    const ProduceandSeviceCodeError = page.locator(
      "(//div[@class='q-field__messages col']//div)[1]",
    );
    const nameProduceandSeviceError = page.locator(
      "(//div[@class='q-field__messages col']//div)[2]",
    );
    await expect(ProduceandSeviceCodeError).toHaveText(
      'จำเป็นต้องกรอกข้อมูลนี้',
    );
    await expect(nameProduceandSeviceError).toHaveText(
      'จำเป็นต้องกรอกข้อมูลนี้',
    );
  } catch (error) {
    console.log('เกิดข้อผิดพลาดในการทดสอบ');
    throw error;
  }
  await page.waitForTimeout(2000);
});