87 lines
2.8 KiB
TypeScript
87 lines
2.8 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { MemberManagementPage } from '../pages/MemberManagementPage';
|
|
|
|
test.describe.serial('会员管理完整CRUD旅程', () => {
|
|
let memberPage: MemberManagementPage;
|
|
const timestamp = Date.now();
|
|
const searchKeyword = `会员_${timestamp}`;
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
memberPage = new MemberManagementPage(page);
|
|
});
|
|
|
|
test('会员列表显示 + 搜索', async ({ page }) => {
|
|
await test.step('导航到会员管理页面', async () => {
|
|
await memberPage.goto();
|
|
});
|
|
|
|
await test.step('验证表格显示', async () => {
|
|
await expect(memberPage.table).toBeVisible({ timeout: 10000 });
|
|
});
|
|
|
|
await test.step('验证数据加载', async () => {
|
|
const rowCount = await memberPage.getTableRowCount();
|
|
console.log(`会员列表包含 ${rowCount} 条记录`);
|
|
expect(rowCount).toBeGreaterThanOrEqual(0);
|
|
});
|
|
|
|
await test.step('搜索会员', async () => {
|
|
await memberPage.search('测试');
|
|
console.log('会员搜索完成');
|
|
});
|
|
});
|
|
|
|
test('编辑会员信息', async ({ page }) => {
|
|
await test.step('导航到会员管理页面', async () => {
|
|
await memberPage.goto();
|
|
});
|
|
|
|
await test.step('等待数据加载', async () => {
|
|
await expect(memberPage.table).toBeVisible({ timeout: 10000 });
|
|
});
|
|
|
|
await test.step('点击第一个会员的编辑按钮', async () => {
|
|
const rows = await memberPage.getTableRowCount();
|
|
if (rows > 0) {
|
|
await memberPage.clickEditOnFirstRow();
|
|
console.log('编辑弹窗已打开');
|
|
} else {
|
|
console.log('当前没有会员记录，跳过编辑测试');
|
|
test.skip();
|
|
}
|
|
});
|
|
|
|
await test.step('修改会员信息', async () => {
|
|
const newNickname = `编辑昵称_${timestamp}`;
|
|
await memberPage.fillEditForm(newNickname, '女');
|
|
console.log(`昵称已修改为: ${newNickname}`);
|
|
});
|
|
|
|
await test.step('提交表单', async () => {
|
|
await memberPage.submitForm();
|
|
});
|
|
|
|
await test.step('验证更新成功', async () => {
|
|
await memberPage.waitForDialogClose();
|
|
console.log('会员信息更新完成');
|
|
});
|
|
});
|
|
|
|
test('搜索验证编辑后的会员', async ({ page }) => {
|
|
await test.step('导航到会员管理页面', async () => {
|
|
await memberPage.goto();
|
|
});
|
|
|
|
await test.step('按昵称搜索', async () => {
|
|
await memberPage.search(`编辑昵称_${timestamp}`);
|
|
console.log('搜索编辑后的会员');
|
|
});
|
|
|
|
await test.step('验证搜索结果显示', async () => {
|
|
const rowCount = await memberPage.getTableRowCount();
|
|
console.log(`搜索结果显示 ${rowCount} 条记录`);
|
|
expect(rowCount).toBeGreaterThanOrEqual(0);
|
|
});
|
|
});
|
|
});
|