124 lines
4.4 KiB
TypeScript
124 lines
4.4 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('/');
|
|
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.waitForSelector('id=tab-employee');
|
|
await page.click('id=tab-employee');
|
|
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=btn-kebab-action-กิตติศักดิ์');
|
|
|
|
await page.click('id=btn-kebab-status-กิตติศักดิ์', {
|
|
force: true,
|
|
});
|
|
await page.click('id=btn-ok-dialog');
|
|
console.log('เปลี่ยนสถานะสำเร็จ');
|
|
|
|
// รอ Update
|
|
await page.waitForTimeout(2000);
|
|
console.log('สถานะถูกเปลี่ยนแล้ว');
|
|
|
|
// ตรวจสอบสีของแถวหลังจากทำการเปลี่ยนสถานะ
|
|
const rowLocator = page.locator(
|
|
"//tr[contains(.,'Kittisak Wijitranon') and contains (.,'บริษัท เอเชียเทค ซิสเต็มส์ จำกัด')]",
|
|
);
|
|
const backgroundColor = await rowLocator.evaluate(
|
|
(el) => window.getComputedStyle(el).backgroundColor,
|
|
);
|
|
|
|
// กำหนดสีหลัเปลี่ยนสถานะการใช้งาน
|
|
const expectedColor = 'rgb(249, 250, 252)';
|
|
|
|
// ตรวจสอบสีที่เปลี่ยนไป
|
|
expect(backgroundColor.trim()).toBe(expectedColor);
|
|
console.log('สีของแถวถูกเปลี่ยนเป็นสีเทาอ่อน');
|
|
} catch (error) {
|
|
console.error('เกิดข้อผิดพลาดในการทดสอบ');
|
|
isLoginSuccessful = false;
|
|
throw error;
|
|
}
|
|
await page.waitForTimeout(2000);
|
|
});
|
|
|
|
test('เปิดสถานะลูกจ้าง', async () => {
|
|
if (!isLoginSuccessful) {
|
|
await login(page);
|
|
}
|
|
try {
|
|
await page.click('id=btn-kebab-action-กิตติศักดิ์');
|
|
|
|
await page.click('id=btn-kebab-status-กิตติศักดิ์', {
|
|
force: true,
|
|
});
|
|
await page.click('id=btn-ok-dialog');
|
|
console.log('เปลี่ยนสถานะสำเร็จ');
|
|
|
|
// รอ Update
|
|
await page.waitForTimeout(2000);
|
|
console.log('สถานะถูกเปลี่ยนแล้ว');
|
|
|
|
// ตรวจสอบสีของแถวหลังจากทำการเปลี่ยนสถานะ
|
|
const rowLocator = page.locator(
|
|
"//tr[contains(.,'Kittisak Wijitranon') and contains (.,'บริษัท เอเชียเทค ซิสเต็มส์ จำกัด')]",
|
|
);
|
|
const backgroundColor = await rowLocator.evaluate(
|
|
(el) => window.getComputedStyle(el).backgroundColor,
|
|
);
|
|
|
|
// กำหนดสีหลัเปลี่ยนสถานะการใช้งาน
|
|
const expectedColor = 'rgb(249, 250, 252)';
|
|
|
|
// ตรวจสอบสีที่เปลี่ยนไป
|
|
expect(backgroundColor.trim()).toBe(expectedColor);
|
|
console.log('สีของแถวถูกเปลี่ยนเป็นของสถานะการใช้งาน');
|
|
} catch (error) {
|
|
console.error('เกิดข้อผิดพลาดในการทดสอบ');
|
|
isLoginSuccessful = false;
|
|
throw error;
|
|
}
|
|
await page.waitForTimeout(2000);
|
|
});
|