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

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.90:20001/');
  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('Create Natural Person', async () => {
  await page.click('id=menu-icon-customer-management');
  await page.click("(//div[@id='btn-add'])[1]");
  await page.click('id=add-customer-natural-person');
  await page.fill("(//input[@id='input-employer-id'])[3]", 'ปิง');
  await page.fill("(//input[@id='input-tax-no'])[3]", '1242822482204');
  await page.fill("(//input[@id='input-customer-name'])[3]", 'โคโม่');
  await page.fill("(//input[@id='input-customer-name-en'])[3]", 'Como');
  await page.fill("(//input[@id='input-customerName'])[3]", 'สีลม');
  await page.fill("(//input[@id='input-customerEnglishName'])[3]", 'Silom');
  await page.fill("(//input[@id='input-address-0'])[3]", '20/02');
  await page.click("(//div[@id='select-province-0'])[3]");
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-district-0'])[3]");
  await page.waitForTimeout(1000);
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-sub-district-0'])[3]");
  await page.waitForTimeout(1000);
  await page.click("//div[@role='option']");
  await page.fill("(//input[@id='input-address-en-0'])[3]", '20/02');
  await page.fill(
    "(//input[@id='input-employment-office'])[3]",
    'กรุงเทพมหานคร',
  );
  await page.click("(//div[@id='select-business-type'])[3]");
  await page.click("//span[text()='ประมง']");
  await page.click("(//div[@id='select-job-position'])[3]");
  await page.click("(//div[@role='option'])[1]");
  await page.fill(
    "(//input[@id='input-job-description'])[3]",
    'ตรวจสอบการทำการลักษณะงาน',
  );
  await page.click("(//input[@id='input-start-date'])[3]");
  await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
  await page.click("//div[text()='2561']");
  await page.click("//div[text()='12']");
  await page.fill("(//input[@id='input-sales-person'])[3]", 'พนักงานขาย');
  await page.fill("(//input[@id='input-mail'])[3]", 'jws@local.com');
  await page.fill("(//input[@id='input-telephone'])[3]", '0864228464');
  await page.setInputFiles(
    "(//input[contains(@class,'q-field__input fit')])[3]",
    '/Users/linping/Desktop/Chamomind&FrappeT/JWS_TestScript/tests/Datafile/Pic1.jpg',
  ); // UploadFile
  await page.click('id=submitBtn');
  await page.waitForTimeout(2000);
});

test('Create Natural Person Second', async () => {
  await page.click("(//div[@id='btn-add'])[1]");
  await page.click('id=add-customer-natural-person');
  await page.fill("(//input[@id='input-employer-id'])[3]", 'วัง');
  await page.fill("(//input[@id='input-tax-no'])[3]", 'จคภ/คค/ุ//');
  await page.fill("(//input[@id='input-customer-name'])[3]", 'โคโม่');
  await page.fill("(//input[@id='input-customer-name-en'])[3]", 'Como');
  await page.fill("(//input[@id='input-customerName'])[3]", 'สีลม');
  await page.fill("(//input[@id='input-customerEnglishName'])[3]", 'Silom');
  await page.fill("(//input[@id='input-address-0'])[3]", '20/02');
  await page.click("(//div[@id='select-province-0'])[3]");
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-district-0'])[3]");
  await page.waitForTimeout(1000);
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-sub-district-0'])[3]");
  await page.waitForTimeout(1000);
  await page.click("//div[@role='option']");
  await page.fill("(//input[@id='input-address-en-0'])[3]", '20/02');
  await page.fill(
    "(//input[@id='input-employment-office'])[3]",
    'กรุงเทพมหานคร',
  );
  await page.click("(//div[@id='select-business-type'])[3]");
  await page.click("//span[text()='ประมง']");
  await page.click("(//div[@id='select-job-position'])[3]");
  await page.click("(//div[@role='option'])[1]");
  await page.fill(
    "(//input[@id='input-job-description'])[3]",
    'ตรวจสอบการทำการลักษณะงาน',
  );
  await page.click("(//input[@id='input-start-date'])[3]");
  await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
  await page.click("//div[text()='2561']");
  await page.click("//div[text()='12']");
  await page.fill("(//input[@id='input-sales-person'])[3]", 'พนักงานขาย');
  await page.fill("(//input[@id='input-mail'])[3]", 'jws@local.com');
  await page.fill("(//input[@id='input-telephone'])[3]", '0864228464');
  await page.setInputFiles(
    "(//input[contains(@class,'q-field__input fit')])[3]",
    '/Users/linping/Desktop/Chamomind&FrappeT/JWS_TestScript/tests/Datafile/Pic1.jpg',
  ); // UploadFile
  await page.click('id=submitBtn');
  await page.waitForTimeout(2000);
});