import { test, expect, Page, errors } from '@playwright/test';
import { strictEqual } from 'assert';
import { error } from 'console';
import { writeFileSync } from 'fs';
import { errorMonitor } from 'stream';

let page: Page;
let isLoginSuccessful = false;

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

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

//สร้าง Function สำหรับ Login
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);
    await page.click('id=row-table-cm372yq4r0043u3phfvz5l2dq');

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

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

test('ทดสอบการเพิ่มสาขาในนายจ้างบุคคลธรรมดาในกรณีที่ไม่กรอกข้อมูล', async () => {
  // ถ้ายังไม่ได้ Login ให้ทำการ Login
  if (!isLoginSuccessful) {
    await login(page);
  }

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

    //ตรวจสอบข้อผิดพลาดที่ต้องแสดง
    const expectedErrors = [
      {
        locator: "(//div[@class='q-field__messages col']//div)[1]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[2]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[3]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[4]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[5]",
        message: 'โปรดเลือกวันเดือนปีเกิด',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[6]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[7]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[8]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[9]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[10]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[11]",
        message: 'โปรดเลือกจังหวัด',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[12]",
        message: 'โปรดเลือกเขต/อำเภอ',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[13]",
        message: 'โปรดเลือกแขวง/ตำบล',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[14]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[15]",
        message: 'โปรดเลือกจังหวัด',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[16]",
        message: 'โปรดเลือกเขต/อำเภอ',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[17]",
        message: 'โปรดเลือกแขวง/ตำบล',
      },
    ];

    for (const error of expectedErrors) {
      const locator = page.locator(error.locator);
      await expect(locator).toHaveText(error.message);
    }

    console.log('ระบบตรวจสอบการแจ้งเตือนเรียบร้อยแล้ว');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    // ถ้าล้มเหลวให้ทเครื่องหมายว่าล้มเหลว
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForSelector('id=btn-form-close');
  await page.click('id=btn-form-close');
  await page.waitForTimeout(2000);
});

test('ทดสอบการเพิ่มสาขาในนายจ้างบุคคลธรรมดาในกรณีที่กรอกข้อมูลเฉพาะส่วนเกี่ยวกับ', async () => {
  // ถ้ายังไม่ได้ Login ให้ทำการ Login
  if (!isLoginSuccessful) {
    await login(page);
  }

  try {
    await page.click('id=btn-add');
    await page.waitForTimeout(2000);
    await page.fill('id=dialog-input-first-name', 'ชื่อ');
    await page.fill('id=dialog-input-last-name', 'นามสกุล');
    await page.fill('id=dialog-input-first-name-en', 'Name');
    await page.fill('id=dialog-input-last-name-en', 'surname');
    // วันเดือนปีเกิด
    await page.click('id=dialog-input-birth-date');
    await page.waitForSelector(
      "(//button[@class='dp__btn dp__month_year_select'])[2]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
    await page.waitForSelector("//div[text()='2006']");
    await page.click("//div[text()='2006']");
    await page.waitForSelector(
      "(//button[@class='dp__btn dp__month_year_select'])[1]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.waitForSelector("//div[text()='มิ.ย.']");
    await page.click("//div[text()='มิ.ย.']");
    await page.waitForSelector("//div[@id='2006-06-24']/div[1]");
    await page.click("//div[@id='2006-06-24']/div[1]");
    await page.waitForSelector("//button[@type='submit']");
    await page.click("//button[@type='submit']");
    await page.waitForTimeout(2000);
    //ตรวจสอบข้อผิดพลาดที่ต้องแสดง
    const expectedErrors = [
      {
        locator: "(//div[@class='q-field__messages col']//div)[1]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[2]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[3]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[4]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[5]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[6]",
        message: 'โปรดเลือกจังหวัด',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[7]",
        message: 'โปรดเลือกเขต/อำเภอ',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[8]",
        message: 'โปรดเลือกแขวง/ตำบล',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[9]",
        message: 'จำเป็นต้องกรอกข้อมูลนี้',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[10]",
        message: 'โปรดเลือกจังหวัด',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[11]",
        message: 'โปรดเลือกเขต/อำเภอ',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[12]",
        message: 'โปรดเลือกแขวง/ตำบล',
      },
    ];

    for (const error of expectedErrors) {
      const locator = page.locator(error.locator);
      await expect(locator).toHaveText(error.message);
    }

    console.log('ระบบตรวจสอบการแจ้งเตือนเรียบร้อยแล้ว');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    // ถ้าล้มเหลว
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForSelector('id=btn-form-close');
  await page.click('id=btn-form-close');
  await page.waitForTimeout(2000);
});

test('ทดสอบการเพิ่มสาขาในนายจ้างบุคคลธรรมดาในกรณีที่กรอกข้อมูลชื่อและนามสกุลภาษาอังกฤษไม่ตรงรูปแบบ', async () => {
  // ถ้ายังไม่ได้ Login ให้ทำการ Login
  if (!isLoginSuccessful) {
    await login(page);
  }

  try {
    await page.click('id=btn-add');
    await page.waitForTimeout(2000);
    await page.fill('id=dialog-input-first-name-en', 'ชื่อ');
    await page.fill('id=dialog-input-last-name-en', 'นามสกุล');
    await page.waitForTimeout(2000);

    const expectedErrors = [
      {
        locator: "(//div[@class='q-field__messages col']//div)[1]",
        message: 'โปรดใช้เฉพาะตัวอักษรภาษาอังกฤษเท่านั้น',
      },
      {
        locator: "(//div[@class='q-field__messages col']//div)[2]",
        message: 'โปรดใช้เฉพาะตัวอักษรภาษาอังกฤษเท่านั้น',
      },
    ];
    for (const error of expectedErrors) {
      const locator = page.locator(error.locator);
      await expect(locator).toHaveText(error.message);
    }
    console.log('ระบบตรวจสอบการแจ้งเตือนแล้ว');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    // ถ้าล้มเหลว
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForSelector('id=btn-form-close');
  await page.click('id=btn-form-close');
  await page.waitForTimeout(2000);
});