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 Branch Managenment Not input data', async () => {
  await page.click('id=menu-icon-branch-management');
  await page.click('id=hq-add-btn');
  await page.click('id=submitBtn');
  await page.waitForTimeout(4000);
  await page.click("(//button[@id='closeDialog'])[2]");
});

test('Create Branch Managenment Not input Tax', async () => {
  await page.click('id=hq-add-btn');
  await page.fill("(//input[@id='input-name'])[2]", 'สีลม');
  await page.fill("(//input[@id='input-name-en'])[2]", 'Silom');
  await page.fill("(//input[@id='input-address'])[2]", '20/02 ');
  await page.click("(//div[@id='select-province'])[2]");
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-district'])[2]");
  await page.click("//span[text()='เมือง']");
  await page.click("(//div[@id='select-sub-district'])[2]");
  await page.click("//span[text()='ช้างเผือก']");
  await page.fill("(//input[@id='input-address-en'])[2]", '20/02');
  await page.click('id=submitBtn');
  await page.waitForTimeout(4000);
  await page.click("(//button[@id='closeDialog'])[2]");
});

test('Create Branch Managenment Not input Head Office Name Thai', async () => {
  await page.click('id=hq-add-btn');
  await page.fill("(//input[@id='input-tax-no'])[2]", '1260846220284');
  await page.fill("(//input[@id='input-name-en'])[2]", 'Silom');
  await page.fill("(//input[@id='input-address'])[2]", '20/02 ');
  await page.click("(//div[@id='select-province'])[2]");
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-district'])[2]");
  await page.click("//span[text()='เมือง']");
  await page.click("(//div[@id='select-sub-district'])[2]");
  await page.click("//span[text()='ช้างเผือก']");
  await page.fill("(//input[@id='input-address-en'])[2]", '20/02');
  await page.click('id=submitBtn');
  await page.waitForTimeout(4000);
  await page.click("(//button[@id='closeDialog'])[2]");
});

test('Create Branch Managenment Not input Head Office Name ENG', async () => {
  await page.click('id=hq-add-btn');
  await page.fill("(//input[@id='input-name-en'])[2]", 'Silom');
  await page.fill("(//input[@id='input-address'])[2]", '20/02 ');
  await page.click("(//div[@id='select-province'])[2]");
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-district'])[2]");
  await page.click("//span[text()='เมือง']");
  await page.click("(//div[@id='select-sub-district'])[2]");
  await page.click("//span[text()='ช้างเผือก']");
  await page.fill("(//input[@id='input-address-en'])[2]", '20/02');
  await page.click('id=submitBtn');
  await page.waitForTimeout(4000);
  await page.click("(//button[@id='closeDialog'])[2]");
});

test('Create Branch Managenment Not input Address TH ', async () => {
  await page.click('id=hq-add-btn');
  await page.fill("(//input[@id='input-tax-no'])[2]", '1260846220284');
  await page.fill("(//input[@id='input-name'])[2]", 'สีลม');
  await page.fill("(//input[@id='input-name-en'])[2]", 'Silom');
  await page.click("(//div[@id='select-province'])[2]");
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-district'])[2]");
  await page.click("//span[text()='เมือง']");
  await page.click("(//div[@id='select-sub-district'])[2]");
  await page.click("//span[text()='ช้างเผือก']");
  await page.fill("(//input[@id='input-address-en'])[2]", '20/02');
  await page.click('id=submitBtn');
  await page.waitForTimeout(4000);
  await page.click("(//button[@id='closeDialog'])[2]");
});

test('Create Branch Managenment Not input Address ENG', async () => {
  await page.click('id=hq-add-btn');
  await page.fill("(//input[@id='input-tax-no'])[2]", '1260846220284');
  await page.fill("(//input[@id='input-name'])[2]", 'สีลม');
  await page.fill("(//input[@id='input-name-en'])[2]", 'Silom');
  await page.fill("(//input[@id='input-address'])[2]", '20/02 ');
  await page.click("(//div[@id='select-province'])[2]");
  await page.click("//div[@role='option']");
  await page.click("(//div[@id='select-district'])[2]");
  await page.click("//span[text()='เมือง']");
  await page.click("(//div[@id='select-sub-district'])[2]");
  await page.click("//span[text()='ช้างเผือก']");
  await page.click('id=submitBtn');
  await page.waitForTimeout(4000);
  await page.click("(//button[@id='closeDialog'])[2]");
});

test('Create Branch Managenment Not Select Province,District,Sub-District', async () => {
  await page.click('id=hq-add-btn');
  await page.fill("(//input[@id='input-tax-no'])[2]", '1260846220284');
  await page.fill("(//input[@id='input-name'])[2]", 'สีลม');
  await page.fill("(//input[@id='input-name-en'])[2]", 'Silom');
  await page.fill("(//input[@id='input-address'])[2]", '20/02 ');
  await page.fill("(//input[@id='input-address-en'])[2]", '20/02');
  await page.click('id=submitBtn');
  await page.waitForTimeout(4000);
  await page.click("(//button[@id='closeDialog'])[2]");
});