454 lines
19 KiB
TypeScript
454 lines
19 KiB
TypeScript
import { test, expect, Page, errors } from '@playwright/test';
|
|
import { strictEqual } from 'assert';
|
|
import { writeFileSync } from 'fs';
|
|
|
|
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('/');
|
|
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');
|
|
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.click('id=dialog-select-prefix-name');
|
|
await page.waitForSelector('id=dialog-select-prefix-name_0');
|
|
await page.click('id=dialog-select-prefix-name_0');
|
|
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', 'Kongpop');
|
|
await page.fill('id=dialog-input-last-name-en', 'Tipsuwan');
|
|
await page.fill("(//input[@id='dialog-input-telephone'])[1]", '0886242202');
|
|
// วันเกิด
|
|
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()='2000']");
|
|
await page.click("//div[text()='2000']");
|
|
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='2000-02-04']/div[1]");
|
|
await page.click("//div[@id='2000-02-04']/div[1]");
|
|
|
|
// ส่วนข้อมูลธุรกิจ
|
|
await page.click('id=employer-branch-select-business-type');
|
|
await page.waitForSelector('id=employer-branch-select-business-type_0');
|
|
await page.click('id=employer-branch-select-business-type_0');
|
|
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]",
|
|
'500',
|
|
);
|
|
|
|
// ส่วนผู้มีอำนาจลงนาม
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-contact-name'])[1]",
|
|
'ก้องภพ ทิพย์สุวรรณ',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-contact-name'])[2]",
|
|
'Kongpop Tipsuwan',
|
|
);
|
|
|
|
// ส่วนที่อยู่นายจ้าง
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-address'])[1]",
|
|
'22292282202',
|
|
);
|
|
await page.fill(
|
|
'id=employer-branch-input-address-no',
|
|
'45/9 หมู่บ้านสิริสุข',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-soi'])[1]",
|
|
'วิภาวดี 16',
|
|
);
|
|
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_42'; // 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_2');
|
|
await page.click('id=employer-branch-select-sub-district_2');
|
|
await page.fill(
|
|
'id=employer-branch-input-address-en',
|
|
'45/9 Sirisuk Village',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-soi'])[2]",
|
|
'Vibhavadi 16',
|
|
);
|
|
await page.fill(
|
|
"(//input[@id='employer-branch-input-street'])[2]",
|
|
'Vibhavadi Rangsit',
|
|
);
|
|
|
|
// ส่วนข้อมูลติดต่อ
|
|
await page.fill('id=dialog-input-contact-name', 'ก้องภพ ทิพย์สุวรรณ');
|
|
await page.fill('id=dialog-input-mail', 'kongpop@mail.com');
|
|
await page.fill("(//input[@id='dialog-input-telephone'])[2]", '0866224228');
|
|
await page.fill("(//input[@id='dialog-input-telephone'])[3]", '022014220');
|
|
await page.click('id=quotation-branch');
|
|
await page.keyboard.press('Escape');
|
|
await page.waitForTimeout(1000);
|
|
|
|
// กำหนดการคลิก 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_1', {
|
|
state: 'visible',
|
|
timeout: 2000, // รอ 2 วินาทีในแต่ละรอบ
|
|
});
|
|
dropdownVisible = true; // ถ้าตัวเลือกถูกแสดงแล้ว เปลี่ยนสถานะเป็น true
|
|
} catch (error) {
|
|
console.warn(
|
|
`ไม่เจอ dropdown ในรอบที่ ${attemptCount + 1}, ลองใหม่อีกครั้ง`,
|
|
);
|
|
}
|
|
|
|
attemptCount++;
|
|
}
|
|
|
|
if (dropdownVisible) {
|
|
// เมื่อ dropdown แสดงผลแล้ว คลิกตัวเลือกที่ต้องการ
|
|
await page.click('id=quotation-branch_1');
|
|
} else {
|
|
console.error('ไม่สามารถแสดง dropdown ได้หลังจากพยายามหลายครั้ง');
|
|
}
|
|
|
|
await page.click("//button[@type='submit']");
|
|
await page.waitForTimeout(2000);
|
|
await page.waitForSelector('id=btn-form-close', { state: 'visible' });
|
|
await page.click('id=btn-form-close', { force: true });
|
|
|
|
const fullNameSubBranch = await page.locator(
|
|
"//tr[contains(.,'ก้องภพ ทิพย์สุวรรณ') and contains (.,'0')]",
|
|
);
|
|
|
|
await expect(fullNameSubBranch).toContainText('ก้องภพ ทิพย์สุวรรณ');
|
|
await expect(fullNameSubBranch).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-ยศพัฒน์ ธนากานต์'])[3]",
|
|
);
|
|
await page.click("(//button[@id='btn-show-employee-ยศพัฒน์ ธนากานต์'])[3]");
|
|
await page.waitForSelector('id=ก้องภพ-btn-add-employee');
|
|
await page.click('id=ก้องภพ-btn-add-employee');
|
|
|
|
// ส่วนข้อมูลพื้นฐาน
|
|
await page.fill('id=form-employee-input-nrc-no', '2202282262282');
|
|
|
|
// ส่วนข้อมูลส่วนตัว
|
|
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', 'Parinya');
|
|
await page.fill('id=form-employee-input-last-name-en', 'Intaravichai');
|
|
|
|
//วันเกิด
|
|
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()='1994']");
|
|
await page.click("//div[text()='1994']");
|
|
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='1994-05-06']/div[1]");
|
|
await page.click("//div[@id='1994-05-06']/div[1]");
|
|
|
|
await page.click('id=form-employee-select-nationality');
|
|
await page.waitForSelector('id=form-employee-select-nationality_2');
|
|
await page.click('id=form-employee-select-nationality_2');
|
|
|
|
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-Parinya'])[2]",
|
|
);
|
|
console.log('แสดงข้อความ :', employeeCheck);
|
|
|
|
await expect(employeeCheck).toHaveText(
|
|
'1Parinya Intaravichai ปริญญา อินทรวิชัย30 ปี 6 เดือน 18 วัน ลาว---- ',
|
|
);
|
|
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', '2202282262284');
|
|
|
|
// ส่วนข้อมูลส่วนตัว
|
|
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', 'Jiraporn');
|
|
await page.fill('id=form-employee-input-last-name-en', 'Nontree');
|
|
|
|
//วันเกิด
|
|
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()='1992']");
|
|
await page.click("//div[text()='1992']");
|
|
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='1992-05-06']/div[1]");
|
|
await page.click("//div[@id='1992-05-06']/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=form-employee-custom');
|
|
await page.click('id=form-employee-custom');
|
|
await page.fill(
|
|
'id=form-employee-input-address-no',
|
|
'90/12 หมู่บ้านภูพิมาน',
|
|
);
|
|
await page.fill("(//input[@id='form-employee-input-moo'])[1]", '4');
|
|
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_38'; // 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_0');
|
|
await page.click('id=form-employee-select-district_0');
|
|
await page.click('id=form-employee-select-sub-district');
|
|
await page.waitForSelector('id=form-employee-select-sub-district_0');
|
|
await page.click('id=form-employee-select-sub-district_0');
|
|
await page.fill(
|
|
'id=form-employee-input-address-en',
|
|
'90/12 Phupiman Village',
|
|
);
|
|
await page.fill("(//input[@id='form-employee-input-moo'])[2]", '4');
|
|
await page.fill("(//input[@id='form-employee-input-soi'])[2]", 'Sri Trang');
|
|
await page.fill(
|
|
"(//input[@id='form-employee-input-street'])[2]",
|
|
'Nakhon Si-Thung Song',
|
|
);
|
|
|
|
// บันทึกการสร้างลูกจ้าง
|
|
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-Jiraporn'])[2]",
|
|
);
|
|
console.log('แสดงข้อความ :', employeeCheck);
|
|
|
|
await expect(employeeCheck).toHaveText(
|
|
'2Jiraporn Nontree จิราพร นนทรี32 ปี 6 เดือน 18 วัน เวียดนาม---- ',
|
|
);
|
|
console.log('ระบบสามารถสร้างลูกจ้างได้');
|
|
} catch (error) {
|
|
console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
|
|
isLoginSuccessful = false;
|
|
throw error;
|
|
}
|
|
await page.waitForTimeout(2000);
|
|
});
|