Compare commits

...

2 Commits

Author SHA1 Message Date
c7f923d834 test(touch): 优化测试脚本的定位器和断言逻辑- 在 boss_appointment.spec.ts 中,将顾客预约的定位器从 '.a_userInfo' 修改为 'div.a_userInfo',提高定位准确性
- 在 boss_cashier.spec.ts 中,简化了已过期单据和已删除单据的测试流程,使用更高效的定位器和断言方式
- 优化了微信/支付宝收款和会员卡消费的测试步骤,使用 setCommonValue 替代 setValue 方法
2025-01-03 22:29:51 +08:00
6af040e406 refactor(appointment): 重构预约测试流程
- 重命名 colorStatus 类型为 status,简化类型名称
- 优化预约状态检查逻辑,使用统一的 API 进行状态验证
- 添加网络请求等待,确保操作完成后端数据同步
- 优化测试步骤,减少冗余代码,提高测试可读性和稳定性
2025-01-03 20:56:06 +08:00
3 changed files with 70 additions and 93 deletions

View File

@ -5,7 +5,7 @@ import { getNextAppointmentTime } from '@/utils/timeUtils';
/**
*
*/
type colorStatus = {
type status = {
name: string;
color: string;
quantity: number;
@ -30,11 +30,11 @@ export class AppointmentPage {
$customer: Locator;
$occupy: Locator;
appointmentStatus: {
NORMAL: colorStatus;
CONSULT: colorStatus;
BILL: colorStatus;
SETTLED: colorStatus;
EXPIRED: colorStatus;
NORMAL: status;
CONSULT: status;
BILL: status;
SETTLED: status;
EXPIRED: status;
};
appointmentOperation: typeof AppointmentOperation;

View File

@ -128,7 +128,10 @@ test('占用预约单元格', async ({
await appointmentPage.operationAppointment(AppointmentOperation.ADD_REMARK);
// 进行添加备注,确认添加备注成功
await page.getByPlaceholder('请输入备注').fill(remark);
await popupContent.confirm();
await Promise.all([
page.waitForResponse(res => res.url().includes('/reservation_num') && res.status() === 200),
popupContent.confirm(),
]);
// 判断备注后的单元格存在
await expect($$occupy.filter({ hasText: remark })).toBeVisible();
});
@ -139,10 +142,11 @@ test('占用预约单元格', async ({
// 取消占用
await appointmentPage.operationAppointment(AppointmentOperation.CANCEL_OCCUPY);
// 判断取消占用成功
await expect(async () => {
await popupContent.confirm();
await expect($$occupy.filter({ hasText: remark })).not.toBeVisible({ timeout: 1500 });
}).toPass();
await Promise.all([
page.waitForResponse(res => res.url().includes('/reservation_num') && res.status() === 200),
popupContent.confirm(),
]);
await expect($$occupy.filter({ hasText: remark })).not.toBeVisible();
});
await test.step('取消占用后,能够进行预约', async () => {
@ -185,15 +189,14 @@ test.describe('预约状态', () => {
const $time = page.locator('.times_table td').filter({ hasText: appointmentTime });
// 员工定位器
const $employee = page.locator('.room_table .tr .name_th').filter({ hasText: employee.name });
// 获取设置的预约状态
let appointmentStatusSetting;
await test.step('获取预约状态', async () => {
await homeNavigation.gotoModule('预约');
appointmentStatusSetting = await appointmentPage.getAppointmentStatusSetting();
});
// 顾客预约定位器
const $customerAppointment = page
.locator('div.a_userInfo')
.filter({ hasText: customer.phone })
.filter({ hasText: customer.username });
await test.step('进行创建预约', async () => {
await homeNavigation.gotoModule('预约');
await $time.scrollIntoViewIfNeeded();
await $employee.scrollIntoViewIfNeeded();
// 打开预约单元格,进行预约
@ -201,68 +204,63 @@ test.describe('预约状态', () => {
await appointmentPage.operationAppointment(AppointmentOperation.ADD_APPOINT);
await customerPage.searchCustomer(customer.phone);
await customerPage.selectSearchCustomer(customer.phone);
await expect.soft(page.locator('.newAppointmentContent .header_title')).toContainText('新建预约');
await expect(page.locator('.newAppointmentContent .content .phone')).toContainText(customer.phone);
await expect(page.locator('div.name_box div.phone')).toContainText(customer.phone);
await expect(page.locator('div.user_box')).toContainText(employee.name);
await page.getByRole('button', { name: '确认新建' }).click();
await expect(page.locator('.ant-message', { hasText: '预约成功' })).toBeVisible();
await expect($customerAppointment).toBeVisible();
});
await test.step('判断预约,状态为未到店', async () => {
const { customerColor, customerStatus } = await appointmentPage.getCustomerAppointmentStatus(customer);
// 进入未到店状态
expect.soft(customerColor).toEqual(appointmentStatusSetting.NORMAL.color);
expect(customerStatus).toEqual(appointmentStatusSetting.NORMAL.name);
await appointmentPage.openAppointmentDetail(customer.phone);
await expect(page.locator('div.state')).toContainText('未到店');
});
await test.step('进行挂单,状态为已开单', async () => {
await page
.locator('.a_userInfo', { hasText: customer.username })
.first()
.locator('.user_name_info')
.click();
// 预约进行挂单
await page.getByRole('button', { name: '到店开单' }).click();
await page
.locator('.project_list')
.locator('div.project_list')
.filter({ hasText: project.name })
.filter({ hasText: project.no })
.click();
await page.locator('.hold_bill', { hasText: '挂单' }).click();
await expect(page.locator('.ant-message', { hasText: '挂单成功' })).toBeVisible();
await Promise.all([
page.waitForResponse(res => res.url().includes('/bill') && res.status() === 200),
page.locator('div.hold_bill', { hasText: '挂单' }).click(),
]);
await homeNavigation.gotoModule('预约');
// 获取当前预约的状态
const { customerColor, customerStatus } = await appointmentPage.getCustomerAppointmentStatus(customer);
// 进入未到店状态
expect.soft(customerColor).toEqual(appointmentStatusSetting.BILL.color);
expect(customerStatus).toEqual(appointmentStatusSetting.BILL.name);
await appointmentPage.openAppointmentDetail(customer.phone);
await expect(page.locator('div.state')).toContainText('已开单');
});
await test.step('进行结算,状态为已结算', async () => {
await page
.locator('.a_userInfo', { hasText: customer.username })
.first()
.locator('.user_name_info')
.click();
await page.getByRole('button', { name: /取\s单/ }).click();
await page.locator('.pay_btn', { hasText: /结\s算/ }).click();
await page.locator('div.pay_btn', { hasText: /结\s算/ }).click();
// 取消推送消费提醒和结算签字
await page.getByLabel('推送消费提醒').uncheck();
await page.getByLabel('结算签字').uncheck();
await page.locator('.paytype .paymentInfoItem', { hasText: '现金' }).click();
await page.locator('div.paymentInfoItem', { hasText: '现金' }).click();
// 结算
const [response] = await Promise.all([
page.waitForResponse(async res => {
return res.url().includes('/bill') && (await res.json()).code === 'SUCCESS';
}),
page.waitForResponse(res => res.url().includes('/bill') && res.status() === 200 && res.request().method() === 'POST'),
page.getByRole('button', { name: /结\s算/ }).click(),
]);
const responseBody = await response.json();
const billNo = responseBody?.content?.billNo;
expect(billNo).not.toBeNull();
const billNo = (await response.json())?.content?.billNo;
billSet.add(billNo);
await page.waitForResponse(async res => {
if (
res.url().includes('/bill_status') &&
res.status() === 200 &&
res.request().method() === 'GET'
) {
const responseBody = await res.json(); // 等待解析 JSON
return responseBody?.content?.status === 'SETTLED';
}
return false;
});
// 处理结算后的弹窗
await page.addLocatorHandler(page.getByRole('button', { name: '我知道了' }), async () => {
await page.getByRole('button', { name: '我知道了' }).click();
@ -273,11 +271,8 @@ test.describe('预约状态', () => {
// 进入预约模块
await homeNavigation.gotoModule('预约');
// 获取当前创建预约的状态
const { customerColor, customerStatus } = await appointmentPage.getCustomerAppointmentStatus(customer);
// 进入未到店状态
expect.soft(customerColor).toEqual(appointmentStatusSetting.SETTLED.color);
expect(customerStatus).toEqual(appointmentStatusSetting.SETTLED.name);
await appointmentPage.openAppointmentDetail(customer.phone);
await expect(page.locator('div.state')).toContainText('已结算');
});
});
});

View File

@ -276,26 +276,19 @@ test.describe('挂单', () => {
});
test('已过期单据不能取单,只能删除', async ({ page }) => {
// 点击已过期 / 删除单据
const $slidingMenu = page.locator('div.deleteList .m_sliding_menu');
await page.getByText('已过期 / 删除单据').click();
// 等待过期删除水单页面出来
await page.locator('.deleteList').locator('.item_box').first().waitFor();
// 水单都没有取单
const PendingOrder_1 = page.locator('.deleteList').locator('.item_box');
await page.getByText('警告:已过期服务无法取单结算,请至收银台处理').waitFor();
await $slidingMenu.locator('div.item_box').first().waitFor();
await expect($slidingMenu.locator('div.item_box').first().getByRole('button', { name: /^取\s单$/ })).not.toBeVisible();
const $delete = $slidingMenu.locator('div.item_box').first().locator('.comment > div:nth-child(2) > .touchIcon');
await $delete.click();
await page.getByPlaceholder('请输入1-100个字符备注内容').click();
await page.getByPlaceholder('请输入1-100个字符备注内容').fill('测试备注');
await expect(PendingOrder_1.getByRole('button', { name: /^取\s单$/ })).not.toBeVisible();
await page
.locator(
'div:nth-child(3) > .scroller-body > .alloytouch-target > .list > div > .item > .comment > div:nth-child(2) > .touchIcon',
)
.first()
.click();
await expect(async () => {
await page.locator('label').filter({ hasText: '1' }).click();
await page.locator('.ant-radio-checked').waitFor();
}).toPass();
await page.getByRole('button', { name: /^保\s存$/ }).click();
await expect(page.locator('div').filter({ hasText: '删除成功' }).nth(2)).toBeVisible();
await expect(page.locator('.ant-message').filter({ hasText: '删除成功' }).nth(2)).toBeVisible();
});
});
@ -390,22 +383,13 @@ test.describe('挂单', () => {
test('已删除单据不能取单,也不能删除', async ({ page }) => {
// 找到已过期/删除单据
await page.locator('.cash_content > .main > .top').getByText('已过期').click();
await expect(async () => {
// 点击已删除服务
await page.getByText(' 已删除服务 ').click();
await page.locator('.loading_container').waitFor({ state: 'hidden' });
// 等待过期删除水单页面出来
await page.locator('.deleteList').locator('.item_box').first().waitFor({ timeout: 2000 });
// 判断有没有取单和删除
const PendingOrder = page.locator('.deleteList').locator('.item_box');
await expect(PendingOrder.getByRole('button', { name: /^取\s单$/ })).not.toBeVisible();
await expect(
page.locator(
'div:nth-child(3) > .scroller-body > .alloytouch-target > .list > div > .item > .comment > div:nth-child(2) > .touchIcon',
),
).not.toBeVisible();
}).toPass();
await page.getByText('已过期 / 删除单据').click();
await expect(page.getByText('已删除服务', { exact: true })).toBeInViewport();
await page.getByText('已删除服务', { exact: true }).click();
await expect(page.getByText('警告:已过期服务无法取单结算,请至收银台处理')).not.toBeInViewport();
const $slidingMenu = page.locator('div.deleteList .m_sliding_menu');
await expect($slidingMenu.locator('div.item_box').first()).toBeVisible();
await expect($slidingMenu.locator('div.comment > i.anticon').first()).not.toBeVisible();
});
test('微信/支付宝收款', async ({ page, homeNavigation, baseURL }) => {
@ -1247,8 +1231,6 @@ test.describe('收银-开单&结算', () => {
await expect(page.locator('.membercard_box .bonuses').first()).toContainText('100');
});
await page.reload();
await test.step('使用卡金和赠金', async () => {
//使用卡金和赠金
await page.reload();
@ -1274,13 +1256,13 @@ test.describe('收银-开单&结算', () => {
await page.getByText('卡金').nth(4).click();
await page.getByRole('button', { name: '增加收款' }).click();
// 输入金额
await numberInput.setValue(100);
await numberInput.setCommonValue(100);
await numberInput.confirmValue();
// 选择赠送金支付
await page.getByText('赠金').nth(2).click();
await page.getByRole('button', { name: '增加收款' }).click();
// 输入金额
await numberInput.setValue(90);
await numberInput.setCommonValue(90);
await numberInput.confirmValue();
// 结算
await page.getByRole('button', { name: /^结\s算$/ }).click();