|
|
@@ -0,0 +1,331 @@
|
|
|
+import { test, expect } from '../../utils/test-setup';
|
|
|
+import { readFileSync } from 'fs';
|
|
|
+import { join, dirname } from 'path';
|
|
|
+import { fileURLToPath } from 'url';
|
|
|
+
|
|
|
+const __filename = fileURLToPath(import.meta.url);
|
|
|
+const __dirname = dirname(__filename);
|
|
|
+const testUsers = JSON.parse(readFileSync(join(__dirname, '../../fixtures/test-users.json'), 'utf-8'));
|
|
|
+
|
|
|
+test.describe.serial('订单列表查看测试', () => {
|
|
|
+ test.beforeEach(async ({ adminLoginPage, orderManagementPage }) => {
|
|
|
+ // 以管理员身份登录后台
|
|
|
+ await adminLoginPage.goto();
|
|
|
+ await adminLoginPage.login(testUsers.admin.username, testUsers.admin.password);
|
|
|
+ await adminLoginPage.expectLoginSuccess();
|
|
|
+ await orderManagementPage.goto();
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('页面加载验证', () => {
|
|
|
+ test('应该显示订单列表页面标题', async ({ orderManagementPage }) => {
|
|
|
+ await expect(orderManagementPage.pageTitle).toBeVisible();
|
|
|
+ await expect(orderManagementPage.pageTitle).toContainText('订单管理');
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示新增订单按钮', async ({ orderManagementPage }) => {
|
|
|
+ await expect(orderManagementPage.addOrderButton).toBeVisible();
|
|
|
+ await expect(orderManagementPage.addOrderButton).toContainText('创建订单');
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示订单列表表格', async ({ orderManagementPage }) => {
|
|
|
+ await expect(orderManagementPage.orderTable).toBeVisible();
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示搜索框和搜索按钮', async ({ orderManagementPage }) => {
|
|
|
+ await expect(orderManagementPage.searchInput).toBeVisible();
|
|
|
+ await expect(orderManagementPage.searchButton).toBeVisible();
|
|
|
+ await expect(orderManagementPage.searchButton).toContainText('搜索');
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('订单数据展示验证', () => {
|
|
|
+ test('应该显示订单列表表格', async ({ orderManagementPage }) => {
|
|
|
+ // 验证表格存在
|
|
|
+ await expect(orderManagementPage.orderTable).toBeVisible();
|
|
|
+
|
|
|
+ // 验证表格有表头
|
|
|
+ const thead = orderManagementPage.orderTable.locator('thead');
|
|
|
+ await expect(thead).toBeVisible();
|
|
|
+
|
|
|
+ // 验证表格有数据行（至少尝试等待）
|
|
|
+ const tbody = orderManagementPage.orderTable.locator('tbody');
|
|
|
+ await expect(tbody).toBeVisible();
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示订单名称列', async ({ orderManagementPage }) => {
|
|
|
+ // 获取表头中的所有列
|
|
|
+ const headers = orderManagementPage.orderTable.locator('thead th');
|
|
|
+ const headerTexts = await headers.allTextContents();
|
|
|
+
|
|
|
+ // 验证订单名称列存在
|
|
|
+ const hasOrderName = headerTexts.some((text) => text.includes('订单名称') || text.includes('名称'));
|
|
|
+ expect(hasOrderName).toBe(true);
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示平台列', async ({ orderManagementPage }) => {
|
|
|
+ const headers = orderManagementPage.orderTable.locator('thead th');
|
|
|
+ const headerTexts = await headers.allTextContents();
|
|
|
+
|
|
|
+ // 验证平台列存在
|
|
|
+ const hasPlatform = headerTexts.some((text) => text.includes('平台'));
|
|
|
+ expect(hasPlatform).toBe(true);
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示公司列', async ({ orderManagementPage }) => {
|
|
|
+ const headers = orderManagementPage.orderTable.locator('thead th');
|
|
|
+ const headerTexts = await headers.allTextContents();
|
|
|
+
|
|
|
+ // 验证公司列存在
|
|
|
+ const hasCompany = headerTexts.some((text) => text.includes('公司'));
|
|
|
+ expect(hasCompany).toBe(true);
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示渠道列', async ({ orderManagementPage }) => {
|
|
|
+ const headers = orderManagementPage.orderTable.locator('thead th');
|
|
|
+ const headerTexts = await headers.allTextContents();
|
|
|
+
|
|
|
+ // 验证渠道列存在
|
|
|
+ const hasChannel = headerTexts.some((text) => text.includes('渠道'));
|
|
|
+ expect(hasChannel).toBe(true);
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该显示预计开始日期列', async ({ orderManagementPage }) => {
|
|
|
+ const headers = orderManagementPage.orderTable.locator('thead th');
|
|
|
+ const headerTexts = await headers.allTextContents();
|
|
|
+
|
|
|
+ // 验证预计开始日期列存在
|
|
|
+ const hasStartDate = headerTexts.some((text) =>
|
|
|
+ text.includes('预计开始日期') || text.includes('开始日期') || text.includes('日期')
|
|
|
+ );
|
|
|
+ expect(hasStartDate).toBe(true);
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('订单状态徽章验证', () => {
|
|
|
+ test('应该显示订单状态列', async ({ orderManagementPage }) => {
|
|
|
+ const headers = orderManagementPage.orderTable.locator('thead th');
|
|
|
+ const headerTexts = await headers.allTextContents();
|
|
|
+
|
|
|
+ // 验证订单状态列存在
|
|
|
+ const hasOrderStatus = headerTexts.some((text) =>
|
|
|
+ text.includes('订单状态') || text.includes('订单状态')
|
|
|
+ );
|
|
|
+ expect(hasOrderStatus).toBe(true);
|
|
|
+ });
|
|
|
+
|
|
|
+ test('订单状态应该包含草稿、已确认、进行中、已完成等状态', async ({ page }) => {
|
|
|
+ // 这个测试验证页面中可能显示的订单状态徽章
|
|
|
+ // 不假设数据库中有特定状态的订单，只验证状态标签存在
|
|
|
+
|
|
|
+ const tbody = page.locator('table tbody');
|
|
|
+ const rows = tbody.locator('tr');
|
|
|
+ const rowCount = await rows.count();
|
|
|
+
|
|
|
+ if (rowCount > 0) {
|
|
|
+ // 获取所有可能的状态文本
|
|
|
+ const allText = await tbody.allTextContents();
|
|
|
+ const allTextString = allText.join(' ');
|
|
|
+
|
|
|
+ // 验证可能存在至少一个订单状态标签
|
|
|
+ const statusLabels = ['草稿', '已确认', '进行中', '已完成'];
|
|
|
+ const hasAnyStatus = statusLabels.some((label) => allTextString.includes(label));
|
|
|
+
|
|
|
+ if (hasAnyStatus) {
|
|
|
+ console.debug('发现订单状态徽章');
|
|
|
+ // 如果有订单，验证状态标签是已知的
|
|
|
+ statusLabels.forEach((label) => {
|
|
|
+ if (allTextString.includes(label)) {
|
|
|
+ console.debug(` - 发现状态: ${label}`);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ console.debug('订单列表为空，跳过状态徽章验证');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('工作状态徽章验证', () => {
|
|
|
+ test('应该显示工作状态列', async ({ orderManagementPage }) => {
|
|
|
+ const headers = orderManagementPage.orderTable.locator('thead th');
|
|
|
+ const headerTexts = await headers.allTextContents();
|
|
|
+
|
|
|
+ // 验证工作状态列存在
|
|
|
+ const hasWorkStatus = headerTexts.some((text) =>
|
|
|
+ text.includes('工作状态') || text.includes('就业状态')
|
|
|
+ );
|
|
|
+ expect(hasWorkStatus).toBe(true);
|
|
|
+ });
|
|
|
+
|
|
|
+ test('工作状态应该包含未就业、待就业、已就业、已离职等状态', async ({ page }) => {
|
|
|
+ const tbody = page.locator('table tbody');
|
|
|
+ const rows = tbody.locator('tr');
|
|
|
+ const rowCount = await rows.count();
|
|
|
+
|
|
|
+ if (rowCount > 0) {
|
|
|
+ const allText = await tbody.allTextContents();
|
|
|
+ const allTextString = allText.join(' ');
|
|
|
+
|
|
|
+ // 验证可能存在至少一个工作状态标签
|
|
|
+ const workStatusLabels = ['未就业', '待就业', '已就业', '已离职'];
|
|
|
+ const hasAnyStatus = workStatusLabels.some((label) => allTextString.includes(label));
|
|
|
+
|
|
|
+ if (hasAnyStatus) {
|
|
|
+ console.debug('发现工作状态徽章');
|
|
|
+ workStatusLabels.forEach((label) => {
|
|
|
+ if (allTextString.includes(label)) {
|
|
|
+ console.debug(` - 发现状态: ${label}`);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ console.debug('订单列表为空，跳过工作状态徽章验证');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('分页功能验证', () => {
|
|
|
+ test('应该显示分页控件或记录信息', async ({ page }) => {
|
|
|
+ // 查找分页相关的元素
|
|
|
+ // 可能的分页元素：分页按钮、页码选择器、记录数量显示
|
|
|
+
|
|
|
+ // 检查是否有分页控件（常见的选择器模式）
|
|
|
+ const paginationSelectors = [
|
|
|
+ 'pagination',
|
|
|
+ '[role="navigation"]',
|
|
|
+ '.pagination',
|
|
|
+ '[data-testid="pagination"]',
|
|
|
+ ];
|
|
|
+
|
|
|
+ let hasPagination = false;
|
|
|
+ for (const selector of paginationSelectors) {
|
|
|
+ const element = page.locator(selector).first();
|
|
|
+ if (await element.count() > 0) {
|
|
|
+ hasPagination = true;
|
|
|
+ console.debug(`发现分页控件: ${selector}`);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 检查是否有记录数量显示
|
|
|
+ const recordInfoSelectors = [
|
|
|
+ 'text=/共.*条/',
|
|
|
+ 'text=/total.*/i',
|
|
|
+ '[data-testid="record-count"]',
|
|
|
+ ];
|
|
|
+
|
|
|
+ let hasRecordInfo = false;
|
|
|
+ for (const selector of recordInfoSelectors) {
|
|
|
+ const element = page.locator(selector).first();
|
|
|
+ if (await element.count() > 0) {
|
|
|
+ hasRecordInfo = true;
|
|
|
+ console.debug(`发现记录信息: ${selector}`);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 至少应该有分页控件或记录信息之一（如果订单数量较多）
|
|
|
+ if (hasPagination || hasRecordInfo) {
|
|
|
+ console.debug('页面包含分页功能');
|
|
|
+ } else {
|
|
|
+ console.debug('未发现明显的分页控件（可能是订单数量较少，未显示分页）');
|
|
|
+ }
|
|
|
+
|
|
|
+ // 此测试不会失败，只是记录分页控件的存在性
|
|
|
+ expect(true).toBe(true);
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该能获取订单列表中的数据行数', async ({ page }) => {
|
|
|
+ const tbody = page.locator('table tbody');
|
|
|
+ const rows = tbody.locator('tr');
|
|
|
+ const rowCount = await rows.count();
|
|
|
+
|
|
|
+ console.debug(`订单列表当前显示 ${rowCount} 行数据`);
|
|
|
+
|
|
|
+ // 至少应该能获取到行数（可以是0）
|
|
|
+ expect(typeof rowCount).toBe('number');
|
|
|
+ expect(rowCount).toBeGreaterThanOrEqual(0);
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('订单数据交互', () => {
|
|
|
+ test('应该能检查订单是否存在', async ({ orderManagementPage }) => {
|
|
|
+ // 测试检查不存在的订单
|
|
|
+ const notExists = await orderManagementPage.orderExists('不存在的测试订单XYZ123');
|
|
|
+ expect(notExists).toBe(false);
|
|
|
+ console.debug('验证不存在的订单: 通过');
|
|
|
+ });
|
|
|
+
|
|
|
+ test('应该能搜索订单', async ({ orderManagementPage, page }) => {
|
|
|
+ // 测试搜索功能
|
|
|
+ await orderManagementPage.searchByName('测试');
|
|
|
+ await page.waitForTimeout(1000);
|
|
|
+
|
|
|
+ // 验证搜索后表格仍然可见
|
|
|
+ await expect(orderManagementPage.orderTable).toBeVisible();
|
|
|
+ console.debug('搜索功能执行成功');
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('导航功能', () => {
|
|
|
+ test('应该能从其他页面导航到订单管理', async ({ adminLoginPage, orderManagementPage, page }) => {
|
|
|
+ // 先访问其他页面
|
|
|
+ await page.goto('/admin/dashboard');
|
|
|
+ await page.waitForLoadState('domcontentloaded');
|
|
|
+
|
|
|
+ // 然后导航到订单管理页面
|
|
|
+ await orderManagementPage.goto();
|
|
|
+
|
|
|
+ // 验证页面正常加载
|
|
|
+ await expect(orderManagementPage.pageTitle).toBeVisible();
|
|
|
+ await expect(orderManagementPage.orderTable).toBeVisible();
|
|
|
+ });
|
|
|
+
|
|
|
+ test('页面刷新后订单列表应该正常显示', async ({ orderManagementPage, page }) => {
|
|
|
+ // 刷新页面
|
|
|
+ await page.reload();
|
|
|
+ await page.waitForLoadState('domcontentloaded');
|
|
|
+
|
|
|
+ // 重新导航到订单管理页面
|
|
|
+ await orderManagementPage.goto();
|
|
|
+
|
|
|
+ // 验证页面正常加载
|
|
|
+ await expect(orderManagementPage.pageTitle).toBeVisible();
|
|
|
+ await expect(orderManagementPage.orderTable).toBeVisible();
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ test.describe('操作按钮验证', () => {
|
|
|
+ test('订单列表应该包含操作按钮', async ({ page }) => {
|
|
|
+ const tbody = page.locator('table tbody');
|
|
|
+ const rows = tbody.locator('tr');
|
|
|
+ const rowCount = await rows.count();
|
|
|
+
|
|
|
+ if (rowCount > 0) {
|
|
|
+ // 获取第一行数据
|
|
|
+ const firstRow = rows.first();
|
|
|
+
|
|
|
+ // 检查可能存在的操作按钮
|
|
|
+ const possibleButtons = ['编辑', '删除', '详情', '人员'];
|
|
|
+ const foundButtons: string[] = [];
|
|
|
+
|
|
|
+ for (const buttonText of possibleButtons) {
|
|
|
+ const button = firstRow.getByRole('button', { name: buttonText });
|
|
|
+ if (await button.count() > 0) {
|
|
|
+ foundButtons.push(buttonText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (foundButtons.length > 0) {
|
|
|
+ console.debug(`发现操作按钮: ${foundButtons.join(', ')}`);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 至少应该有一个操作按钮（不强制要求，取决于UI设计）
|
|
|
+ expect(true).toBe(true);
|
|
|
+ } else {
|
|
|
+ console.debug('订单列表为空，跳过操作按钮验证');
|
|
|
+ expect(true).toBe(true);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+});
|
yourname