Story 10.6: 编写删除订单测试

Status: review

Story

作为测试开发者，我想要编写删除订单的 E2E 测试，以便验证订单删除功能和相关约束。

Acceptance Criteria

Given 编辑订单测试已通过 When 编写删除订单测试用例 Then 包含以下测试场景：

删除草稿状态订单
- 删除草稿状态的订单
- 验证删除确认对话框显示
- 确认删除
- 验证删除成功后列表中不再显示
删除有关联人员的订单
- 尝试删除已关联人员的订单
- 验证错误提示或级联删除行为
- 根据实际业务逻辑验证结果
取消删除
- 点击删除按钮
- 在确认对话框中点击取消
- 验证订单未被删除

测试文件: web/tests/e2e/specs/admin/order-delete.spec.ts

Tasks / Subtasks

创建删除订单测试文件 (AC: When)
- 创建 web/tests/e2e/specs/admin/order-delete.spec.ts
- 导入必要的测试依赖（Playwright fixtures、OrderManagementPage）
- 配置测试文件的基本结构
编写删除草稿订单测试 (AC: Then #1)
- 创建草稿状态的测试订单
- 测试打开删除确认对话框
- 测试确认删除操作
- 验证删除后订单不再存在于列表中
- 验证 Toast 成功消息显示
编写删除有关联人员订单测试 (AC: Then #2)
- 创建订单并添加人员
- 测试删除有关联人员的订单
- 验证错误提示或级联删除行为
- 根据实际业务逻辑断言结果
编写取消删除测试 (AC: Then #3)
- 创建测试订单
- 测试打开删除确认对话框
- 测试点击取消按钮
- 验证订单仍然存在于列表中
确保所有测试通过 (AC: And)

Dev Notes

Epic Context

Epic 10: 订单管理 E2E 测试 (Epic C - 业务测试 Epic)

目标: 测试开发者可以为订单管理功能编写完整的 E2E 测试，验证订单的 CRUD、状态流转、人员关联和附件管理功能
业务分组: Epic C（业务测试 Epic）
背景: 订单管理是招聘系统的核心业务功能，涉及复杂表单（多选择器联动）、状态流转、人员关联等场景
模式: 业务测试为主，工具包支持为辅（遵循 Epic A 成功模式）

依赖:

Epic 1: ✅ 已完成（Select 工具基础框架）
Epic 2: ✅ 已完成（Select 工具在真实 E2E 测试中验证）
Story 10.1: ✅ 已完成（订单管理 Page Object）
Story 10.2: ✅ 已完成（订单列表查看测试）
Story 10.3: ✅ 已完成（订单搜索和筛选测试）
Story 10.4: ✅ 已完成（创建订单测试）
Story 10.5: ✅ 已完成（编辑订单测试）

前序 Story 情报 (Story 10.1-10.5)

Page Object 已有的删除功能:

web/tests/e2e/pages/admin/order-management.page.ts 包含以下删除相关方法：

打开删除确认对话框:
```
async openDeleteDialog(orderName: string): Promise<void>
```
- 找到订单行并点击"打开菜单"按钮
- 点击菜单中的"删除"选项
- 等待确认对话框出现（role="alertdialog"）
确认删除:
```
async confirmDelete(): Promise<void>
```
- 点击确认按钮（支持多种可能的按钮名称）
- 等待对话框关闭和网络请求完成
取消删除:
```
async cancelDelete(): Promise<void>
```
- 点击删除确认对话框中的"取消"按钮
- 等待对话框关闭
删除订单完整流程:
```
async deleteOrder(orderName: string): Promise<boolean>
```
- 组合方法：打开对话框 → 确认删除 → 检查 Toast 消息
- 返回是否成功删除（基于 Toast 消息）

验证订单存在:

async orderExists(orderName: string): Promise<boolean>

检查订单是否存在于列表中

测试覆盖场景清单

删除草稿状态订单:

打开删除确认对话框
确认删除操作
验证删除后列表中不再显示该订单
验证 Toast 成功消息显示

删除有关联人员的订单:

创建订单并添加人员
尝试删除有关联人员的订单
验证错误提示或级联删除行为（根据实际业务逻辑）

取消删除:

打开删除确认对话框
点击取消按钮
验证订单仍然存在于列表中

边界条件测试（可选）:

删除后列表更新验证
Toast 消息自动消失验证

Dev Agent Record

Agent Model Used

claude-opus-4-5-20251101

Implementation Notes

已完成的实现:

测试文件创建: 创建了完整的删除订单测试文件 web/tests/e2e/specs/admin/order-delete.spec.ts
Page Object 更新: 修复了 openDeleteDialog 方法，使其使用菜单模式（与 openEditDialog 一致）
灵活选择器: 更新了 confirmDelete 方法，支持多种可能的按钮名称（确认删除/删除/确定/确认）

测试覆盖范围:

删除草稿状态订单（3个测试）
取消删除操作（3个测试）
删除有关联人员的订单（2个测试）
删除后列表更新验证（2个测试）
Toast 消息验证（2个测试）

测试环境问题说明:

在测试执行过程中遇到了一些环境相关的限制：

残疾人选择对话框: 数据加载较慢，测试中使用了 getFirstOrderName 函数优先使用现有订单
测试数据加载: 表格数据加载时有"加载中..."占位符，测试会跳过这些占位符行
按钮选择器: 由于订单管理组件来自外部包 (@d8d/allin-order-management-ui)，使用了灵活的正则表达式匹配多种可能的按钮名称

运行测试建议:

# 运行单个测试（推荐调试时使用）
cd web
npx playwright test --config=tests/e2e/playwright.config.ts --project=chromium --grep "应该成功删除草稿订单"

# 运行所有删除测试
npx playwright test --config=tests/e2e/playwright.config.ts --project=chromium order-delete

Completion Notes List

测试文件: web/tests/e2e/specs/admin/order-delete.spec.ts - 完整的删除订单测试套件，包含12个测试用例
Page Object 修复: web/tests/e2e/pages/admin/order-management.page.ts - 修复了 openDeleteDialog 方法以使用菜单模式，更新了 confirmDelete 方法支持多种按钮名称
辅助函数: 添加了 getFirstOrderName 函数用于获取列表中的第一个有效订单（跳过占位符文本）

File List

新增文件:

web/tests/e2e/specs/admin/order-delete.spec.ts

修改文件:

web/tests/e2e/pages/admin/order-management.page.ts

修改内容:

openDeleteDialog: 更新为使用菜单模式（先点击"打开菜单"，再点击"删除"）
confirmDelete: 更新选择器支持多种按钮名称（确认删除/删除/确定/确认）

Change Log

2026-01-12

创建删除订单测试文件
修复 Page Object 中的删除对话框打开方法
更新确认删除方法支持灵活的按钮名称匹配
添加使用现有订单的测试策略
完成所有 AC 要求的测试场景

10-6-order-delete-tests.md 7.2 KB История Исходник