500 lines
16 KiB
TypeScript
500 lines
16 KiB
TypeScript
/**
|
|
* 超管端 E2E 测试 - 租户管理
|
|
*/
|
|
|
|
import { test, expect } from '@playwright/test';
|
|
import { loginAsAdmin, waitForTable, waitForSuccess, waitForModal } from './helpers';
|
|
import { TEST_DATA } from './fixtures';
|
|
|
|
test.describe('租户管理', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await loginAsAdmin(page);
|
|
// 导航到租户列表页面
|
|
await page.goto('/admin/tenants');
|
|
});
|
|
|
|
test.describe('列表页面', () => {
|
|
test('访问租户列表页面', async ({ page }) => {
|
|
// 验证页面 URL
|
|
await expect(page).toHaveURL(/\/admin\/tenants/);
|
|
});
|
|
|
|
test('验证列表加载', async ({ page }) => {
|
|
// 等待表格加载
|
|
await waitForTable(page);
|
|
|
|
// 验证表格存在
|
|
const table = page.locator('table, .ant-table');
|
|
await expect(table).toBeVisible();
|
|
|
|
// 验证添加租户按钮存在
|
|
const addButton = page.getByText(/添加租户 | 新建租户/);
|
|
await expect(addButton).toBeVisible();
|
|
});
|
|
|
|
test('搜索功能', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 输入搜索关键词
|
|
const searchInput = page.getByPlaceholder(/学校名称 | 关键词/);
|
|
if (await searchInput.isVisible()) {
|
|
await searchInput.fill('测试');
|
|
await searchInput.press('Enter');
|
|
|
|
// 等待搜索结果
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
|
|
// 验证表格仍然存在
|
|
const table = page.locator('table, .ant-table');
|
|
await expect(table).toBeVisible();
|
|
});
|
|
|
|
test('筛选功能 - 按状态', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 选择状态筛选
|
|
const statusSelect = page.getByPlaceholder('全部状态');
|
|
if (await statusSelect.isVisible()) {
|
|
await statusSelect.click();
|
|
await page.getByText('生效中').click();
|
|
|
|
// 等待筛选结果
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
|
|
// 验证表格仍然存在
|
|
const table = page.locator('table, .ant-table');
|
|
await expect(table).toBeVisible();
|
|
});
|
|
|
|
test('筛选功能 - 按套餐', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 选择套餐筛选
|
|
const packageSelect = page.getByPlaceholder('全部套餐');
|
|
if (await packageSelect.isVisible()) {
|
|
await packageSelect.click();
|
|
await page.getByText('标准版').click();
|
|
|
|
// 等待筛选结果
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
|
|
// 验证表格仍然存在
|
|
const table = page.locator('table, .ant-table');
|
|
await expect(table).toBeVisible();
|
|
});
|
|
|
|
test('分页功能', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 验证分页控件存在
|
|
const pagination = page.locator('.ant-pagination');
|
|
await expect(pagination).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('创建租户', () => {
|
|
test('点击添加租户按钮', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击添加租户按钮
|
|
const addButton = page.getByText(/添加租户 | 新建租户/);
|
|
await addButton.click();
|
|
|
|
// 等待弹窗显示
|
|
const modal = page.locator('.ant-modal');
|
|
await expect(modal).toBeVisible({ timeout: 5000 });
|
|
await expect(page.getByText(/添加租户 | 新建租户/)).toBeVisible();
|
|
});
|
|
|
|
test('填写基本信息', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击添加租户按钮
|
|
const addButton = page.getByText(/添加租户 | 新建租户/);
|
|
await addButton.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
// 填写学校名称
|
|
const nameInput = page.locator('input[placeholder*="学校名称"]');
|
|
await nameInput.fill(TEST_DATA.tenant.name);
|
|
|
|
// 填写登录账号
|
|
const accountInput = page.locator('input[placeholder*="登录账号"]');
|
|
await accountInput.fill(TEST_DATA.tenant.account);
|
|
|
|
// 填写联系人
|
|
const contactInput = page.locator('input[placeholder*="联系人"]');
|
|
await contactInput.fill(TEST_DATA.tenant.contactPerson);
|
|
|
|
// 填写联系电话
|
|
const phoneInput = page.locator('input[placeholder*="联系电话"]');
|
|
await phoneInput.fill(TEST_DATA.tenant.contactPhone);
|
|
});
|
|
|
|
test('选择套餐类型', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击添加租户按钮
|
|
const addButton = page.getByText(/添加租户 | 新建租户/);
|
|
await addButton.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
// 选择套餐类型
|
|
const packageSelect = page.locator('[placeholder*="套餐类型"]');
|
|
if (await packageSelect.isVisible()) {
|
|
await packageSelect.click();
|
|
await page.getByText('标准版').click();
|
|
}
|
|
});
|
|
|
|
test('设置配额', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击添加租户按钮
|
|
const addButton = page.getByText(/添加租户 | 新建租户/);
|
|
await addButton.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
// 设置教师配额
|
|
const teacherQuotaInput = page.locator('input[placeholder*="教师配额"]');
|
|
if (await teacherQuotaInput.isVisible()) {
|
|
await teacherQuotaInput.fill(String(TEST_DATA.tenant.teacherQuota));
|
|
}
|
|
|
|
// 设置学生配额
|
|
const studentQuotaInput = page.locator('input[placeholder*="学生配额"]');
|
|
if (await studentQuotaInput.isVisible()) {
|
|
await studentQuotaInput.fill(String(TEST_DATA.tenant.studentQuota));
|
|
}
|
|
});
|
|
|
|
test('设置有效期', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击添加租户按钮
|
|
const addButton = page.getByText(/添加租户 | 新建租户/);
|
|
await addButton.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
// 验证日期选择器存在
|
|
const datePicker = page.locator('.ant-picker');
|
|
await expect(datePicker).toBeVisible();
|
|
});
|
|
|
|
test('保存租户', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击添加租户按钮
|
|
const addButton = page.getByText(/添加租户 | 新建租户/);
|
|
await addButton.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
// 填写学校名称
|
|
const nameInput = page.locator('input[placeholder*="学校名称"]');
|
|
await nameInput.fill(` ${TEST_DATA.tenant.name} `);
|
|
|
|
// 填写登录账号
|
|
const accountInput = page.locator('input[placeholder*="登录账号"]');
|
|
await accountInput.fill(` ${TEST_DATA.tenant.account} `);
|
|
|
|
// 填写联系人
|
|
const contactInput = page.locator('input[placeholder*="联系人"]');
|
|
await contactInput.fill(` ${TEST_DATA.tenant.contactPerson} `);
|
|
|
|
// 填写联系电话
|
|
const phoneInput = page.locator('input[placeholder*="联系电话"]');
|
|
await phoneInput.fill(` ${TEST_DATA.tenant.contactPhone} `);
|
|
|
|
// 选择套餐类型
|
|
const packageSelect = page.locator('[placeholder*="套餐类型"]');
|
|
if (await packageSelect.isVisible()) {
|
|
await packageSelect.click();
|
|
await page.waitForTimeout(200);
|
|
await page.getByText('标准版').click();
|
|
}
|
|
|
|
// 设置教师配额
|
|
const teacherQuotaInput = page.locator('input[placeholder*="教师配额"]');
|
|
if (await teacherQuotaInput.isVisible()) {
|
|
await teacherQuotaInput.fill(String(TEST_DATA.tenant.teacherQuota));
|
|
}
|
|
|
|
// 设置学生配额
|
|
const studentQuotaInput = page.locator('input[placeholder*="学生配额"]');
|
|
if (await studentQuotaInput.isVisible()) {
|
|
await studentQuotaInput.fill(String(TEST_DATA.tenant.studentQuota));
|
|
}
|
|
|
|
// 点击确定按钮
|
|
const okButton = page.locator('.ant-modal button:has-text("确定")');
|
|
if (await okButton.isVisible()) {
|
|
await okButton.click();
|
|
|
|
// 等待保存结果
|
|
await page.waitForTimeout(2000);
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('查看租户详情', () => {
|
|
test('点击租户查看详情', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击第一个租户名称链接
|
|
const tenantLink = page.locator('table a').first();
|
|
if (await tenantLink.isVisible()) {
|
|
await tenantLink.click();
|
|
|
|
// 等待详情抽屉显示
|
|
const drawer = page.locator('.ant-drawer');
|
|
await expect(drawer).toBeVisible({ timeout: 5000 });
|
|
}
|
|
});
|
|
|
|
test('查看基本信息', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击第一个租户名称链接
|
|
const tenantLink = page.locator('table a').first();
|
|
if (await tenantLink.isVisible()) {
|
|
await tenantLink.click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
// 验证基本信息显示
|
|
await expect(page.getByText(/学校名称 | 登录账号/)).toBeVisible();
|
|
}
|
|
});
|
|
|
|
test('查看教师列表', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击第一个租户名称链接
|
|
const tenantLink = page.locator('table a').first();
|
|
if (await tenantLink.isVisible()) {
|
|
await tenantLink.click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
// 验证教师列表区域存在
|
|
await expect(page.getByText(/教师 | 最近教师/)).toBeVisible();
|
|
}
|
|
});
|
|
|
|
test('查看学生列表', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 点击第一个租户名称链接
|
|
const tenantLink = page.locator('table a').first();
|
|
if (await tenantLink.isVisible()) {
|
|
await tenantLink.click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
// 验证学生列表区域存在
|
|
await expect(page.getByText(/学生 | 最近学生/)).toBeVisible();
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('编辑租户', () => {
|
|
test('点击编辑按钮', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
|
|
// 点击编辑选项
|
|
const editOption = page.getByText('编辑').first();
|
|
await editOption.click();
|
|
|
|
// 等待编辑弹窗显示
|
|
const modal = page.locator('.ant-modal');
|
|
await expect(modal).toBeVisible({ timeout: 5000 });
|
|
}
|
|
});
|
|
|
|
test('修改基本信息', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
await page.waitForTimeout(200);
|
|
|
|
// 点击编辑选项
|
|
const editOption = page.getByText('编辑').first();
|
|
await editOption.click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
// 修改联系人
|
|
const contactInput = page.locator('input[placeholder*="联系人"]');
|
|
if (await contactInput.isVisible()) {
|
|
const originalContact = await contactInput.inputValue();
|
|
await contactInput.fill(`${originalContact}_已修改`);
|
|
}
|
|
|
|
// 点击确定按钮
|
|
const okButton = page.locator('.ant-modal button:has-text("确定")');
|
|
if (await okButton.isVisible()) {
|
|
await okButton.click();
|
|
|
|
// 等待保存结果
|
|
await page.waitForTimeout(2000);
|
|
}
|
|
}
|
|
});
|
|
|
|
test('修改配额', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
await page.waitForTimeout(200);
|
|
|
|
// 点击调整配额选项
|
|
const quotaOption = page.getByText('调整配额');
|
|
await quotaOption.click();
|
|
|
|
// 等待配额弹窗显示
|
|
const modal = page.locator('.ant-modal');
|
|
await expect(modal).toBeVisible({ timeout: 5000 });
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('租户状态管理', () => {
|
|
test('禁用租户', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
await page.waitForTimeout(200);
|
|
|
|
// 查找暂停服务选项
|
|
const suspendOption = page.getByText('暂停服务');
|
|
if (await suspendOption.isVisible()) {
|
|
await suspendOption.click();
|
|
|
|
// 等待确认弹窗
|
|
const confirmDialog = page.locator('.ant-modal-confirm');
|
|
await expect(confirmDialog).toBeVisible({ timeout: 5000 });
|
|
|
|
// 点击取消，不实际操作
|
|
const cancelButton = page.locator('.ant-modal-confirm button:has-text("取消")');
|
|
if (await cancelButton.isVisible()) {
|
|
await cancelButton.click();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
test('启用租户', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
await page.waitForTimeout(200);
|
|
|
|
// 查找恢复服务选项（只有已暂停的租户才有此选项）
|
|
const resumeOption = page.getByText('恢复服务');
|
|
if (await resumeOption.isVisible()) {
|
|
await resumeOption.click();
|
|
|
|
// 等待确认弹窗
|
|
const confirmDialog = page.locator('.ant-modal-confirm');
|
|
await expect(confirmDialog).toBeVisible({ timeout: 5000 });
|
|
|
|
// 点击取消，不实际操作
|
|
const cancelButton = page.locator('.ant-modal-confirm button:has-text("取消")');
|
|
if (await cancelButton.isVisible()) {
|
|
await cancelButton.click();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('重置密码', () => {
|
|
test('点击重置密码', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
await page.waitForTimeout(200);
|
|
|
|
// 点击重置密码选项
|
|
const resetPasswordOption = page.getByText('重置密码');
|
|
await resetPasswordOption.click();
|
|
|
|
// 等待确认弹窗
|
|
const confirmDialog = page.locator('.ant-modal-confirm');
|
|
await expect(confirmDialog).toBeVisible({ timeout: 5000 });
|
|
|
|
// 点击取消，不实际操作
|
|
const cancelButton = page.locator('.ant-modal-confirm button:has-text("取消")');
|
|
if (await cancelButton.isVisible()) {
|
|
await cancelButton.click();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('删除租户', () => {
|
|
test('点击删除按钮', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
await page.waitForTimeout(200);
|
|
|
|
// 查找删除选项
|
|
const deleteOption = page.locator('.ant-dropdown-menu-item-danger').or(page.getByText('删除'));
|
|
if (await deleteOption.isVisible()) {
|
|
await expect(deleteOption).toBeVisible();
|
|
}
|
|
}
|
|
});
|
|
|
|
test('确认删除弹窗', async ({ page }) => {
|
|
await waitForTable(page);
|
|
|
|
// 查找操作下拉菜单
|
|
const actionButton = page.locator('button:has-text("操作")').first();
|
|
if (await actionButton.isVisible()) {
|
|
await actionButton.click();
|
|
await page.waitForTimeout(200);
|
|
|
|
// 点击删除选项
|
|
const deleteOption = page.locator('.ant-dropdown-menu-item-danger').or(page.getByText('删除'));
|
|
if (await deleteOption.isVisible()) {
|
|
await deleteOption.click();
|
|
|
|
// 等待确认弹窗
|
|
const confirmDialog = page.locator('.ant-modal-confirm');
|
|
await expect(confirmDialog).toBeVisible({ timeout: 5000 });
|
|
|
|
// 点击取消，不实际删除
|
|
const cancelButton = page.locator('.ant-modal-confirm button:has-text("取消")');
|
|
if (await cancelButton.isVisible()) {
|
|
await cancelButton.click();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|