470 lines
20 KiB
TypeScript
470 lines
20 KiB
TypeScript
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('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');
|
|
|
|
// เข้าสู่เมนูลูกค้า
|
|
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-cm38dee6s000dip2c6vye04bw');
|
|
await page.click('id=btn-add');
|
|
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.fill(
|
|
'id=input-register-name',
|
|
'บริษัท พีคเวิลด์ คอนซัลติ้ง จำกัด',
|
|
);
|
|
await page.fill(
|
|
'id=input-register-name-en',
|
|
'Peak World Consulting Co., Ltd.',
|
|
);
|
|
await page.fill('id=input-legal-person-no', 'ธนกฤต ศรีประเสริฐ');
|
|
await page.fill('id=input-legal-person-code', '2202264280648');
|
|
//จดทะเบียนเมื่อ
|
|
await page.click('id=dialog-input-register-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()='2020']");
|
|
await page.click("//div[text()='2020']");
|
|
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='2020-08-06']/div[1]");
|
|
await page.click("//div[@id='2020-08-06']/div[1]");
|
|
|
|
await page.fill('id=input-authorized-capital', '10000000');
|
|
await page.fill('id=input-telephone-no', '022066060');
|
|
|
|
// ส่วนข้อมูลธุรกิจ
|
|
await page.click('id=employer-branch-select-business-type');
|
|
await page.waitForSelector('id=employer-branch-select-business-type_3');
|
|
await page.click('id=employer-branch-select-business-type_3');
|
|
await page.click('id=employer-branch-select-job-position');
|
|
await page.waitForSelector('id=employer-branch-select-job-position_0');
|
|
await page.click('id=employer-branch-select-job-position_0');
|
|
await page.fill(
|
|
'id=employer-branch-input-job-description',
|
|
'รายละเอียดงาน',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-pay-rate'])[1]",
|
|
'วันที่จ่ายเงินเดือน',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-pay-rate'])[2]",
|
|
'Pay day',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-pay-rate'])[3]",
|
|
'550',
|
|
);
|
|
|
|
// ส่วนผู้มีอำนาจลงนาม
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-contact-name'])[1]",
|
|
'ธนกฤต ศรีประเสริฐ',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-contact-name'])[2]",
|
|
'Thanakrit Sriprasert',
|
|
);
|
|
// ส่วนที่อยู่นายจ้าง
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-address'])[1]",
|
|
'20264282028',
|
|
);
|
|
await page.fill(
|
|
'id=employer-branch-input-address-no',
|
|
'99/12 อาคารซัมเมอร์ฮับ ชั้น 8',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-soi'])[1]",
|
|
'สุขุมวิท 23',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-street'])[1]",
|
|
'สุขุมวิท',
|
|
);
|
|
await page.click('id=employer-branch-select-province');
|
|
await page.waitForSelector('id=employer-branch-select-province_0');
|
|
await page.click('id=employer-branch-select-province_0');
|
|
|
|
// คลิก dropdown เพื่อเปิด
|
|
await page.click('id=employer-branch-select-district');
|
|
|
|
// กำหนดตัวเลือกที่ต้องการ
|
|
const targetOptionId = 'id=employer-branch-select-district_13'; // id ของตัวเลือกที่ต้องการ
|
|
let isVisible = false;
|
|
const maxScrollAttempts = 10; // จำนวนครั้งสูงสุดในการเลื่อน
|
|
let attempt = 0;
|
|
|
|
while (!isVisible && attempt < maxScrollAttempts) {
|
|
// ตรวจสอบว่า dropdown แสดงหรือไม่
|
|
const dropdown = page.locator('#employer-branch-select-district_lb');
|
|
if ((await dropdown.count()) === 0) {
|
|
console.error('ไม่พบ dropdown ที่ต้องการ');
|
|
break;
|
|
}
|
|
|
|
// ใช้ page.locator() เลื่อน dropdown ลงไป
|
|
await dropdown.evaluate((element) => {
|
|
element.scrollTop += 150; // เลื่อนลง 150px
|
|
});
|
|
|
|
// รอให้เลื่อนเสร็จ
|
|
await page.waitForTimeout(100); // รอ 0.1 วินาทีเพื่อให้การเลื่อนเสร็จสิ้น
|
|
|
|
// ตรวจสอบว่าตัวเลือกแสดงอยู่ใน viewport หรือไม่
|
|
isVisible = await page.locator(targetOptionId).isVisible();
|
|
attempt++;
|
|
}
|
|
|
|
// หากตัวเลือกที่ต้องการอยู่ใน viewport ให้คลิก
|
|
if (isVisible) {
|
|
const targetOption = page.locator(targetOptionId);
|
|
await targetOption.click();
|
|
} else {
|
|
console.error('ไม่พบตัวเลือกที่ต้องการ');
|
|
}
|
|
await page.click('id=employer-branch-select-sub-district');
|
|
await page.waitForSelector('id=employer-branch-select-sub-district_0');
|
|
await page.click('id=employer-branch-select-sub-district_0');
|
|
await page.fill(
|
|
'id=employer-branch-input-address-en',
|
|
'99/12 Summer Hub Building, 8th Floor',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-soi'])[2]",
|
|
'Sukhumvit 23',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-street'])[2]",
|
|
'Sukhumvit',
|
|
);
|
|
// ส่วนข้อมูลติดต่อ
|
|
await page.fill('id=dialog-input-contact-name', 'ธนกฤต ศรีประเสริฐ');
|
|
await page.fill('id=dialog-input-mail', 'peakworld@support.com');
|
|
await page.fill("(//input[@id='dialog-input-telephone'])[1]", '0864462828');
|
|
await page.fill("(//input[@id='dialog-input-telephone'])[2]", '022066060');
|
|
|
|
// การเลือก Dropdown โดยการวนลูป เพราะว่าหลังจากคลิก Dropdown ครั้งแรกแล้วข้อมูลที่ให้เลือกใน Dropdown ไม่แสดง
|
|
// กำหนดการคลิก dropdown หลายครั้งเพราะคลิกครั้งแรกแล้วไม่เจอ
|
|
let dropdownVisible = false;
|
|
const maxAttempts = 5; // จำนวนครั้งสูงสุดในการคลิก dropdown
|
|
let attemptCount = 0;
|
|
|
|
while (!dropdownVisible && attemptCount < maxAttempts) {
|
|
// คลิกเปิด dropdown
|
|
await page.click('id=quotation-branch');
|
|
|
|
// ตรวจสอบว่าตัวเลือกภายใน dropdown ถูกแสดงแล้วหรือยัง
|
|
try {
|
|
await page.waitForSelector('id=quotation-branch_0', {
|
|
state: 'visible',
|
|
timeout: 1000, // รอ 1 วินาทีในแต่ละรอบ
|
|
});
|
|
dropdownVisible = true; // ถ้าตัวเลือกถูกแสดงแล้ว เปลี่ยนสถานะเป็น true
|
|
} catch (error) {
|
|
console.warn(
|
|
`ไม่เจอ dropdown ในรอบที่ ${attemptCount + 1}, ลองใหม่อีกครั้ง`,
|
|
);
|
|
}
|
|
|
|
attemptCount++;
|
|
}
|
|
|
|
if (dropdownVisible) {
|
|
// เมื่อ dropdown แสดงผลแล้ว คลิกตัวเลือกที่ต้องการ
|
|
await page.click('id=quotation-branch_0');
|
|
} else {
|
|
console.error('ไม่สามารถแสดง dropdown ได้หลังจากพยายามหลายครั้ง');
|
|
}
|
|
|
|
await page.waitForSelector("//button[@type='submit']");
|
|
await page.click("//button[@type='submit']");
|
|
await page.waitForTimeout(2000);
|
|
await page.waitForSelector('id=btn-form-close');
|
|
await page.click('id=btn-form-close');
|
|
await page.waitForTimeout(2000);
|
|
|
|
const subBranchCheck = await page.locator(
|
|
"//tr[contains(.,'บริษัท พีคเวิลด์ คอนซัลติ้ง จำกัด') and contains (.,'0')]",
|
|
);
|
|
|
|
await expect(subBranchCheck).toContainText(
|
|
'บริษัท พีคเวิลด์ คอนซัลติ้ง จำกัด',
|
|
);
|
|
await expect(subBranchCheck).toContainText('0');
|
|
console.log('ระบบทำการสร้างสาขาในนายจ้างนิติบุคคลแล้ว');
|
|
} catch (error) {
|
|
console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
|
|
isLoginSuccessful = false;
|
|
throw error;
|
|
}
|
|
await page.waitForTimeout(2000);
|
|
});
|
|
|
|
test('ทดสอบการสร้างลูกจ้างภายในนายจ้างนิติบุคคลในกรณีที่ใช้ที่อยู่ของนายจ้าง', async () => {
|
|
if (!isLoginSuccessful) {
|
|
await login(page);
|
|
}
|
|
try {
|
|
await page.waitForSelector(
|
|
"(//button[@id='btn-show-employee-บริษัท เอเชียเทค ซิสเต็มส์ จำกัด '])[2]",
|
|
);
|
|
await page.click(
|
|
"(//button[@id='btn-show-employee-บริษัท เอเชียเทค ซิสเต็มส์ จำกัด '])[2]",
|
|
);
|
|
await page.waitForSelector(
|
|
'id=บริษัท พีคเวิลด์ คอนซัลติ้ง จำกัด-btn-add-employee',
|
|
);
|
|
await page.click('id=บริษัท พีคเวิลด์ คอนซัลติ้ง จำกัด-btn-add-employee');
|
|
|
|
// ส่วนข้อมูลพื้นฐาน
|
|
await page.fill('id=form-employee-input-nrc-no', '2202282262260');
|
|
|
|
// ส่วนข้อมูลส่วนตัว
|
|
await page.click('id=form-employee-select-prefix-name');
|
|
await page.waitForSelector('id=form-employee-select-prefix-name_0');
|
|
await page.click('id=form-employee-select-prefix-name_0');
|
|
await page.fill(
|
|
"(//input[@id='form-employee-input-first-name'])[1]",
|
|
'ณัฐวุฒิ',
|
|
);
|
|
await page.fill('id=form-employee-input-last-name', 'วงศ์เจริญ');
|
|
await page.fill('id=form-employee-input-first-name-en', 'Nattawut');
|
|
await page.fill('id=form-employee-input-last-name-en', 'Wongcharoen');
|
|
|
|
//วันเกิด
|
|
await page.click('id=form-employee-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()='1990']");
|
|
await page.click("//div[text()='1990']");
|
|
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='1990-05-10']/div[1]");
|
|
await page.click("//div[@id='1990-05-10']/div[1]");
|
|
|
|
await page.click('id=form-employee-select-nationality');
|
|
await page.waitForSelector('id=form-employee-select-nationality_4');
|
|
await page.click('id=form-employee-select-nationality_4');
|
|
|
|
await page.waitForSelector('id=btn-info-basic-save');
|
|
await page.click('id=btn-info-basic-save');
|
|
await page.waitForTimeout(2000);
|
|
|
|
await page.waitForSelector('id=btn-form-close');
|
|
await page.click('id=btn-form-close');
|
|
await page.waitForTimeout(2000);
|
|
|
|
const employeeCheck = await page.locator(
|
|
"(//tr[@id='row-table-Nattawut'])[2]",
|
|
);
|
|
console.log('แสดงข้อความ :', employeeCheck);
|
|
|
|
await expect(employeeCheck).toHaveText(
|
|
'1Nattawut Wongcharoen ณัฐวุฒิ วงศ์เจริญ34 ปี 6 เดือน 15 วัน เวียดนาม---- ',
|
|
);
|
|
console.log('ระบบสามารถสร้างลูกจ้างได้');
|
|
} catch (error) {
|
|
console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
|
|
isLoginSuccessful = false;
|
|
throw error;
|
|
}
|
|
await page.waitForTimeout(2000);
|
|
});
|
|
|
|
test('ทดสอบการสร้างลูกจ้างภายในนายจ้างนิติบุคคลในกรณีที่ใช้ที่อยู่แบบกำหนดเอง', async () => {
|
|
if (!isLoginSuccessful) {
|
|
await login(page);
|
|
}
|
|
try {
|
|
await page.waitForSelector(
|
|
'id=บริษัท พีคเวิลด์ คอนซัลติ้ง จำกัด-btn-add-employee',
|
|
);
|
|
await page.click('id=บริษัท พีคเวิลด์ คอนซัลติ้ง จำกัด-btn-add-employee');
|
|
|
|
// ส่วนข้อมูลพื้นฐาน
|
|
await page.fill('id=form-employee-input-nrc-no', '2202282262262');
|
|
|
|
// ส่วนข้อมูลส่วนตัว
|
|
await page.click('id=form-employee-select-prefix-name');
|
|
await page.waitForSelector('id=form-employee-select-prefix-name_1');
|
|
await page.click('id=form-employee-select-prefix-name_1');
|
|
await page.fill(
|
|
"(//input[@id='form-employee-input-first-name'])[1]",
|
|
'พิชชา',
|
|
);
|
|
await page.fill('id=form-employee-input-last-name', 'สุวรรณภา');
|
|
await page.fill('id=form-employee-input-first-name-en', 'Pitcha');
|
|
await page.fill('id=form-employee-input-last-name-en', 'Suwannapha');
|
|
|
|
//วันเกิด
|
|
await page.click('id=form-employee-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()='1999']");
|
|
await page.click("//div[text()='1999']");
|
|
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='1999-12-06']/div[1]");
|
|
await page.click("//div[@id='1999-12-06']/div[1]");
|
|
|
|
await page.click('id=form-employee-select-nationality');
|
|
await page.waitForSelector('id=form-employee-select-nationality_6');
|
|
await page.click('id=form-employee-select-nationality_6');
|
|
|
|
// ส่วนข้อมูลที่อยู่
|
|
await page.waitForSelector('id=form-employee-custom');
|
|
await page.click('id=form-employee-custom');
|
|
await page.fill(
|
|
'id=form-employee-input-address-no',
|
|
'88/14 หมู่บ้านลักขณา',
|
|
);
|
|
await page.fill("(//input[@id='form-employee-input-moo'])[1]", '7');
|
|
await page.fill("(//input[@id='form-employee-input-soi'])[1]", 'เจริญสุข');
|
|
await page.fill(
|
|
"(//input[@id='form-employee-input-street'])[1]",
|
|
'ร้อยเอ็ด-กาฬสินธุ์',
|
|
);
|
|
await page.click('id=form-employee-select-province');
|
|
|
|
// กำหนดตัวเลือกที่ต้องการ
|
|
const targetOptionId = 'id=form-employee-select-province_23'; // id ของตัวเลือกที่ต้องการ
|
|
let isVisible = false;
|
|
const maxScrollAttempts = 10; // จำนวนครั้งสูงสุดในการเลื่อน
|
|
let attempt = 0;
|
|
|
|
while (!isVisible && attempt < maxScrollAttempts) {
|
|
// ตรวจสอบว่า dropdown แสดงหรือไม่
|
|
const dropdown = page.locator('#form-employee-select-province_lb');
|
|
if ((await dropdown.count()) === 0) {
|
|
console.error('ไม่พบ dropdown ที่ต้องการ');
|
|
break;
|
|
}
|
|
|
|
// ใช้ page.locator() เลื่อน dropdown ลงไป
|
|
await dropdown.evaluate((element) => {
|
|
element.scrollTop += 150; // เลื่อนลง 150px
|
|
});
|
|
|
|
// รอให้เลื่อนเสร็จ
|
|
await page.waitForTimeout(100); // รอ 0.1 วินาทีเพื่อให้การเลื่อนเสร็จสิ้น
|
|
|
|
// ตรวจสอบว่าตัวเลือกแสดงอยู่ใน viewport หรือไม่
|
|
isVisible = await page.locator(targetOptionId).isVisible();
|
|
attempt++;
|
|
}
|
|
|
|
// หากตัวเลือกที่ต้องการอยู่ใน viewport ให้คลิก
|
|
if (isVisible) {
|
|
const targetOption = page.locator(targetOptionId);
|
|
await targetOption.click();
|
|
} else {
|
|
console.error('ไม่พบตัวเลือกที่ต้องการ');
|
|
}
|
|
await page.click('id=form-employee-select-district');
|
|
await page.waitForSelector('id=form-employee-select-district_9');
|
|
await page.click('id=form-employee-select-district_9');
|
|
await page.click('id=form-employee-select-sub-district');
|
|
await page.waitForSelector('id=form-employee-select-sub-district_11');
|
|
await page.click('id=form-employee-select-sub-district_11');
|
|
await page.fill(
|
|
'id=form-employee-input-address-en',
|
|
'88/14 Lakkana Village',
|
|
);
|
|
await page.fill("(//input[@id='form-employee-input-moo'])[2]", '7');
|
|
await page.fill(
|
|
"(//input[@id='form-employee-input-soi'])[2]",
|
|
'Charoen Suk',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='form-employee-input-street'])[2]",
|
|
'Roi Et-Kalasin',
|
|
);
|
|
|
|
// บันทึกการสร้างลูกจ้าง
|
|
await page.waitForSelector('id=btn-info-basic-save');
|
|
await page.click('id=btn-info-basic-save');
|
|
await page.waitForTimeout(2000);
|
|
|
|
await page.waitForSelector('id=btn-form-close');
|
|
await page.click('id=btn-form-close');
|
|
await page.waitForTimeout(2000);
|
|
|
|
const employeeCheck = await page.locator(
|
|
"(//tr[@id='row-table-Pitcha'])[2]",
|
|
);
|
|
console.log('แสดงข้อความ :', employeeCheck);
|
|
|
|
await expect(employeeCheck).toHaveText(
|
|
'2Pitcha Suwannapha พิชชา สุวรรณภา24 ปี 11 เดือน 18 วัน จีน---- ',
|
|
);
|
|
console.log('ระบบสามารถสร้างลูกจ้างได้');
|
|
} catch (error) {
|
|
console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
|
|
isLoginSuccessful = false;
|
|
throw error;
|
|
}
|
|
await page.waitForTimeout(2000);
|
|
});
|