disability-person-crud.spec.ts 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785
  1. import { TIMEOUTS } from '../../utils/timeouts';
  2. import { test, expect } from '../../utils/test-setup';
  3. import { readFileSync } from 'fs';
  4. import { join, dirname } from 'path';
  5. import { fileURLToPath } from 'url';
  6. const __filename = fileURLToPath(import.meta.url);
  7. const __dirname = dirname(__filename);
  8. const testUsers = JSON.parse(readFileSync(join(__dirname, '../../fixtures/test-users.json'), 'utf-8'));
  9. /**
  10. * Story 9.5: 残疾人管理完整 CRUD 流程测试
  11. *
  12. * 验收标准:
  13. * 1. 新增残疾人完整流程(基本信息 + 照片 + 银行卡 + 备注)
  14. * 2. 编辑残疾人信息
  15. * 3. 删除残疾人
  16. * 4. 查看残疾人详情
  17. * 5. 列表查询与筛选
  18. * 6. 数据导出(如功能可用)
  19. */
  20. test.describe('残疾人管理 - 完整 CRUD 流程测试', () => {
  21. // 测试级别的时间戳,用于生成唯一数据
  22. const TIMESTAMP = Date.now();
  23. const UNIQUE_ID = `test_crud_${TIMESTAMP}`;
  24. // 用于跟踪已创建的测试数据,便于清理
  25. const createdTestData: Array<{ name: string }> = [];
  26. // 测试数据生成函数
  27. const generateTestPerson = (suffix: string) => ({
  28. name: `${UNIQUE_ID}_${suffix}`,
  29. gender: '男',
  30. idCard: `42010119900101${String(TIMESTAMP + suffix.length).slice(-4)}`,
  31. disabilityId: `1234567890${TIMESTAMP + suffix.length}`,
  32. disabilityType: '肢体残疾',
  33. disabilityLevel: '一级',
  34. phone: `138${String(TIMESTAMP + suffix.length).slice(-8).padStart(8, '0')}`,
  35. idAddress: `湖北省武汉市测试街道${suffix}号`,
  36. province: '湖北省',
  37. city: '武汉市',
  38. });
  39. test.beforeEach(async ({ adminLoginPage, disabilityPersonPage }) => {
  40. // 每次测试前重置数据存储
  41. createdTestData.length = 0;
  42. await adminLoginPage.goto();
  43. await adminLoginPage.login(testUsers.admin.username, testUsers.admin.password);
  44. await adminLoginPage.expectLoginSuccess();
  45. await disabilityPersonPage.goto();
  46. });
  47. // 统一的测试后清理机制(优化超时保护)
  48. test.afterEach(async ({ disabilityPersonPage, page }) => {
  49. // 清理测试数据(添加超时保护以避免 afterEach 超过 60 秒)
  50. for (const data of createdTestData) {
  51. try {
  52. await disabilityPersonPage.goto().catch(() => {});
  53. await disabilityPersonPage.searchByName(data.name);
  54. // 为每个清理操作设置较短的超时时间
  55. const deleteButton = page.getByRole('button', { name: '删除' }).first();
  56. if (await deleteButton.count({ timeout: TIMEOUTS.VERY_LONG }) > 0) {
  57. await deleteButton.click({ timeout: TIMEOUTS.DIALOG });
  58. await page.getByRole('button', { name: '确认' }).click({ timeout: TIMEOUTS.DIALOG }).catch(() => {});
  59. await page.waitForTimeout(TIMEOUTS.MEDIUM);
  60. }
  61. } catch (error) {
  62. console.debug(` ⚠ 清理数据失败: ${data.name}`, error);
  63. }
  64. }
  65. // 清空数组
  66. createdTestData.length = 0;
  67. });
  68. test.describe('AC1: 新增残疾人完整流程', () => {
  69. test('应该成功完成新增残疾人完整流程(基本信息 + 备注 + 银行卡)', async ({ disabilityPersonPage, page }) => {
  70. const testData = generateTestPerson('full');
  71. createdTestData.push({ name: testData.name });
  72. console.debug('\n========== 测试:新增残疾人完整流程(所有功能) ==========');
  73. // 1. 打开新增对话框
  74. await disabilityPersonPage.openCreateDialog();
  75. console.debug('✓ 对话框已打开');
  76. // 2. 填写基本信息
  77. await disabilityPersonPage.fillBasicForm(testData);
  78. console.debug('✓ 基本信息已填写');
  79. // 3. 添加银行卡(使用 Page Object 方法)
  80. await disabilityPersonPage.scrollToSection('银行卡');
  81. await disabilityPersonPage.addBankCard({
  82. bankName: '中国工商银行',
  83. subBankName: '测试支行',
  84. cardNumber: '6222021234567890123',
  85. cardholderName: testData.name,
  86. cardType: '一类卡',
  87. isDefault: true,
  88. });
  89. console.debug('✓ 银行卡已添加');
  90. // 4. 添加备注
  91. await disabilityPersonPage.scrollToSection('备注');
  92. await disabilityPersonPage.addNote(`完整测试备注_${UNIQUE_ID}`);
  93. console.debug('✓ 备注已添加');
  94. // 5. 提交表单
  95. const result = await disabilityPersonPage.submitForm();
  96. // 6. 验证提交结果
  97. console.debug('提交结果:', { hasSuccess: result.hasSuccess, hasError: result.hasError });
  98. if (result.hasError) {
  99. console.debug('错误消息:', result.errorMessage);
  100. }
  101. // 7. 等待对话框关闭
  102. await disabilityPersonPage.waitForDialogClosed();
  103. // 8. 刷新页面并搜索新创建的记录(使用重试机制修复数据持久化问题)
  104. await page.reload();
  105. await page.waitForLoadState('networkidle');
  106. await disabilityPersonPage.goto();
  107. // 9. 使用带重试机制的等待方法验证记录创建成功
  108. const personExists = await disabilityPersonPage.waitForPersonExists(testData.name, { timeout: TIMEOUTS.PAGE_LOAD });
  109. console.debug('========== 验证结果 ==========');
  110. console.debug('数据创建成功:', personExists);
  111. expect(personExists).toBe(true);
  112. console.debug('✓ AC1 完整流程测试通过(基本信息 + 银行卡 + 备注)');
  113. // 注意:数据清理由 test.afterEach 统一处理
  114. });
  115. test('应该成功完成新增残疾人完整流程(基本信息)', async ({ disabilityPersonPage, page }) => {
  116. const testData = generateTestPerson('create');
  117. createdTestData.push({ name: testData.name });
  118. console.debug('\n========== 测试:新增残疾人完整流程 ==========');
  119. // 1. 打开新增对话框
  120. await disabilityPersonPage.openCreateDialog();
  121. console.debug('✓ 对话框已打开');
  122. // 2. 填写基本信息
  123. await disabilityPersonPage.fillBasicForm(testData);
  124. console.debug('✓ 基本信息已填写');
  125. // 3. 提交表单
  126. const result = await disabilityPersonPage.submitForm();
  127. // 4. 验证提交结果
  128. console.debug('提交结果:', { hasSuccess: result.hasSuccess, hasError: result.hasError });
  129. if (result.hasError) {
  130. console.debug('错误消息:', result.errorMessage);
  131. }
  132. // 5. 等待对话框关闭
  133. await disabilityPersonPage.waitForDialogClosed();
  134. // 6. 刷新页面并搜索新创建的记录(使用重试机制修复数据持久化问题)
  135. await page.reload();
  136. await page.waitForLoadState('networkidle');
  137. await disabilityPersonPage.goto();
  138. // 7. 使用带重试机制的等待方法验证记录创建成功
  139. const personExists = await disabilityPersonPage.waitForPersonExists(testData.name, { timeout: TIMEOUTS.PAGE_LOAD });
  140. console.debug('========== 验证结果 ==========');
  141. console.debug('数据创建成功:', personExists);
  142. expect(personExists).toBe(true);
  143. });
  144. test('应该成功完成新增残疾人完整流程(含备注)', async ({ disabilityPersonPage, page }) => {
  145. const testData = generateTestPerson('with_note');
  146. createdTestData.push({ name: testData.name });
  147. console.debug('\n========== 测试:新增残疾人(含备注) ==========');
  148. // 1. 打开新增对话框
  149. await disabilityPersonPage.openCreateDialog();
  150. // 2. 填写基本信息
  151. await disabilityPersonPage.fillBasicForm(testData);
  152. // 3. 添加备注
  153. await disabilityPersonPage.scrollToSection('备注');
  154. await disabilityPersonPage.addNote(`测试备注_${UNIQUE_ID}`);
  155. console.debug('✓ 备注已添加');
  156. // 4. 提交表单
  157. const result = await disabilityPersonPage.submitForm();
  158. // 5. 验证结果(使用重试机制修复数据持久化问题)
  159. await disabilityPersonPage.waitForDialogClosed();
  160. await page.reload();
  161. await page.waitForLoadState('networkidle');
  162. await disabilityPersonPage.goto();
  163. // 使用带重试机制的等待方法验证记录创建成功
  164. const personExists = await disabilityPersonPage.waitForPersonExists(testData.name, { timeout: TIMEOUTS.PAGE_LOAD });
  165. expect(personExists).toBe(true);
  166. console.debug('✓ 含备注的残疾人创建成功');
  167. });
  168. });
  169. test.describe('AC2: 编辑残疾人信息', () => {
  170. test('应该成功编辑残疾人基本信息', async ({ disabilityPersonPage, page }) => {
  171. const testData = generateTestPerson('edit');
  172. createdTestData.push({ name: testData.name });
  173. const newName = `${UNIQUE_ID}_edited`;
  174. console.debug('\n========== 测试:编辑残疾人信息 ==========');
  175. // 1. 先创建一条记录
  176. await disabilityPersonPage.openCreateDialog();
  177. await disabilityPersonPage.fillBasicForm(testData);
  178. await disabilityPersonPage.submitForm();
  179. await disabilityPersonPage.waitForDialogClosed();
  180. // 刷新并搜索(使用重试机制修复数据持久化问题)
  181. await page.reload();
  182. await page.waitForLoadState('networkidle');
  183. await disabilityPersonPage.goto();
  184. let personExists = await disabilityPersonPage.waitForPersonExists(testData.name, { timeout: TIMEOUTS.PAGE_LOAD });
  185. expect(personExists).toBe(true);
  186. console.debug('✓ 原始记录已创建');
  187. // 2. 打开编辑对话框
  188. await disabilityPersonPage.openEditDialog(testData.name);
  189. console.debug('✓ 编辑对话框已打开');
  190. // 3. 修改姓名(使用编辑表单)
  191. const form = page.locator('form#update-form');
  192. await form.waitFor({ state: 'visible', timeout: TIMEOUTS.DIALOG });
  193. const nameInput = form.getByLabel('姓名 *');
  194. await nameInput.clear();
  195. await nameInput.fill(newName);
  196. console.debug('✓ 姓名已修改为:', newName);
  197. // 4. 提交更新
  198. const submitButton = page.getByRole('button', { name: '更新' });
  199. await submitButton.click();
  200. await page.waitForLoadState('networkidle', { timeout: TIMEOUTS.TABLE_LOAD });
  201. await page.waitForTimeout(TIMEOUTS.VERY_LONG);
  202. console.debug('✓ 更新已提交');
  203. // 5. 验证更新后的记录
  204. await disabilityPersonPage.goto();
  205. await disabilityPersonPage.searchByName(newName);
  206. await page.waitForTimeout(TIMEOUTS.LONG);
  207. const updatedExists = await disabilityPersonPage.personExists(newName);
  208. expect(updatedExists).toBe(true);
  209. console.debug('✓ 编辑成功:新姓名显示在列表中');
  210. });
  211. test('应该成功编辑并添加备注', async ({ disabilityPersonPage, page }) => {
  212. const testData = generateTestPerson('edit_note');
  213. createdTestData.push({ name: testData.name });
  214. console.debug('\n========== 测试:编辑并添加备注 ==========');
  215. // 1. 先创建一条记录
  216. await disabilityPersonPage.openCreateDialog();
  217. await disabilityPersonPage.fillBasicForm(testData);
  218. await disabilityPersonPage.submitForm();
  219. await disabilityPersonPage.waitForDialogClosed();
  220. await page.reload();
  221. await page.waitForLoadState('networkidle');
  222. await disabilityPersonPage.goto();
  223. await disabilityPersonPage.searchByName(testData.name);
  224. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  225. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  226. // 2. 打开编辑对话框
  227. await disabilityPersonPage.openEditDialog(testData.name);
  228. // 3. 添加备注
  229. await disabilityPersonPage.scrollToSection('银行卡');
  230. await page.waitForTimeout(TIMEOUTS.SHORT);
  231. await disabilityPersonPage.scrollToSection('备注');
  232. await disabilityPersonPage.addNote(`编辑时添加的备注_${UNIQUE_ID}`);
  233. console.debug('✓ 编辑时添加了备注');
  234. // 4. 提交更新
  235. const submitButton = page.getByRole('button', { name: '更新' });
  236. await submitButton.click();
  237. await page.waitForLoadState('networkidle', { timeout: TIMEOUTS.TABLE_LOAD });
  238. await page.waitForTimeout(TIMEOUTS.VERY_LONG);
  239. // 5. 验证更新成功(使用重试机制修复数据持久化问题)
  240. const stillExists = await disabilityPersonPage.waitForPersonExists(testData.name, { timeout: TIMEOUTS.TABLE_LOAD });
  241. expect(stillExists).toBe(true);
  242. console.debug('✓ 编辑时添加备注成功');
  243. });
  244. });
  245. test.describe('AC3: 删除残疾人', () => {
  246. test('应该成功删除残疾人记录', async ({ disabilityPersonPage, page }) => {
  247. const testData = generateTestPerson('delete');
  248. createdTestData.push({ name: testData.name });
  249. console.debug('\n========== 测试:删除残疾人记录 ==========');
  250. // 1. 先创建一条记录
  251. await disabilityPersonPage.openCreateDialog();
  252. await disabilityPersonPage.fillBasicForm(testData);
  253. await disabilityPersonPage.submitForm();
  254. await disabilityPersonPage.waitForDialogClosed();
  255. await page.reload();
  256. await page.waitForLoadState('networkidle');
  257. await disabilityPersonPage.goto();
  258. // 2. 获取初始列表数量
  259. const initialCount = await disabilityPersonPage.getListCount();
  260. console.debug('初始记录数:', initialCount);
  261. // 搜索并验证记录存在(使用重试机制修复数据持久化问题)
  262. let personExists = await disabilityPersonPage.waitForPersonExists(testData.name, { timeout: TIMEOUTS.PAGE_LOAD });
  263. expect(personExists).toBe(true);
  264. console.debug('✓ 记录已创建,准备删除');
  265. // 3. 删除记录
  266. await disabilityPersonPage.deleteDisabilityPerson(testData.name);
  267. console.debug('✓ 删除操作已执行');
  268. // 4. 验证删除后列表数量减少
  269. await disabilityPersonPage.goto();
  270. await page.waitForLoadState('networkidle');
  271. const finalCount = await disabilityPersonPage.getListCount();
  272. console.debug('删除后记录数:', finalCount);
  273. expect(finalCount).toBeLessThanOrEqual(initialCount);
  274. // 5. 验证记录不再显示(使用重试机制修复数据持久化问题)
  275. personExists = await disabilityPersonPage.waitForPersonNotExists(testData.name, { timeout: TIMEOUTS.TABLE_LOAD });
  276. expect(personExists).toBe(true); // 返回 true 表示确认已消失
  277. console.debug('✓ 记录已成功删除,不再显示在列表中');
  278. });
  279. test('应该正确处理删除确认对话框', async ({ disabilityPersonPage, page }) => {
  280. const testData = generateTestPerson('delete_confirm');
  281. createdTestData.push({ name: testData.name });
  282. console.debug('\n========== 测试:删除确认对话框 ==========');
  283. // 1. 创建记录
  284. await disabilityPersonPage.openCreateDialog();
  285. await disabilityPersonPage.fillBasicForm(testData);
  286. await disabilityPersonPage.submitForm();
  287. await disabilityPersonPage.waitForDialogClosed();
  288. await page.reload();
  289. await page.waitForLoadState('networkidle');
  290. await disabilityPersonPage.goto();
  291. await disabilityPersonPage.searchByName(testData.name);
  292. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  293. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  294. // 2. 点击删除按钮(但不确认)
  295. const row = disabilityPersonPage.personTable.locator('tbody tr').filter({ hasText: testData.name }).first();
  296. const deleteButton = row.locator('[data-testid^="delete-person-"]').first();
  297. await deleteButton.click();
  298. // 3. 验证确认对话框出现
  299. const confirmDialog = page.locator('[data-testid="delete-confirmation-dialog-title"]');
  300. await expect(confirmDialog).toBeVisible({ timeout: TIMEOUTS.ELEMENT_VISIBLE_SHORT });
  301. console.debug('✓ 删除确认对话框已显示');
  302. // 4. 验证对话框内容
  303. const dialogText = await page.locator('[role="dialog"]').textContent();
  304. expect(dialogText).toContain('确定要删除');
  305. expect(dialogText).toContain('此操作不可恢复');
  306. console.debug('✓ 对话框文案正确');
  307. // 5. 点击取消
  308. const cancelButton = page.getByRole('button', { name: '取消' });
  309. await cancelButton.click();
  310. await page.waitForTimeout(TIMEOUTS.MEDIUM);
  311. // 6. 验证记录仍在列表中
  312. const personExists = await disabilityPersonPage.personExists(testData.name);
  313. expect(personExists).toBe(true);
  314. console.debug('✓ 取消删除后记录仍存在');
  315. // 7. 实际删除以清理测试数据
  316. await disabilityPersonPage.deleteDisabilityPerson(testData.name);
  317. console.debug('✓ 测试数据已清理');
  318. });
  319. });
  320. test.describe('AC4: 查看残疾人详情', () => {
  321. test('应该正确显示残疾人详情', async ({ disabilityPersonPage, page }) => {
  322. const testData = generateTestPerson('detail');
  323. createdTestData.push({ name: testData.name });
  324. console.debug('\n========== 测试:查看残疾人详情 ==========');
  325. // 1. 创建一条记录
  326. await disabilityPersonPage.openCreateDialog();
  327. await disabilityPersonPage.fillBasicForm(testData);
  328. await disabilityPersonPage.submitForm();
  329. await disabilityPersonPage.waitForDialogClosed();
  330. await page.reload();
  331. await page.waitForLoadState('networkidle');
  332. await disabilityPersonPage.goto();
  333. await disabilityPersonPage.searchByName(testData.name);
  334. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  335. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  336. // 2. 打开详情对话框
  337. await disabilityPersonPage.openDetailDialog(testData.name);
  338. console.debug('✓ 详情对话框已打开');
  339. // 3. 验证详情对话框显示基本信息
  340. const dialog = page.locator('[role="dialog"]').filter({ hasText: '残疾人详情' });
  341. await expect(dialog).toBeVisible({ timeout: TIMEOUTS.DIALOG });
  342. // 验证基本信息显示
  343. const dialogText = await dialog.textContent();
  344. expect(dialogText).toContain(testData.name);
  345. expect(dialogText).toContain(testData.idCard);
  346. expect(dialogText).toContain(testData.disabilityType);
  347. expect(dialogText).toContain(testData.disabilityLevel);
  348. expect(dialogText).toContain(testData.phone);
  349. console.debug('✓ 基本信息显示正确');
  350. console.debug(' - 姓名:', testData.name);
  351. console.debug(' - 身份证号:', testData.idCard);
  352. console.debug(' - 残疾类型:', testData.disabilityType);
  353. console.debug(' - 残疾等级:', testData.disabilityLevel);
  354. // 4. 关闭详情对话框
  355. const closeButton = page.getByRole('button', { name: '关闭' });
  356. await closeButton.click();
  357. await disabilityPersonPage.waitForDetailDialogClosed();
  358. console.debug('✓ 详情对话框已关闭');
  359. });
  360. test('应该能在详情中查看完整信息', async ({ disabilityPersonPage, page }) => {
  361. const testData = generateTestPerson('full_detail');
  362. createdTestData.push({ name: testData.name });
  363. console.debug('\n========== 测试:查看完整详情信息 ==========');
  364. // 1. 创建带备注的记录
  365. await disabilityPersonPage.openCreateDialog();
  366. await disabilityPersonPage.fillBasicForm(testData);
  367. await disabilityPersonPage.scrollToSection('备注');
  368. await disabilityPersonPage.addNote(`测试备注_${UNIQUE_ID}`);
  369. await disabilityPersonPage.submitForm();
  370. await disabilityPersonPage.waitForDialogClosed();
  371. await page.reload();
  372. await page.waitForLoadState('networkidle');
  373. await disabilityPersonPage.goto();
  374. await disabilityPersonPage.searchByName(testData.name);
  375. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  376. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  377. // 2. 打开详情
  378. await disabilityPersonPage.openDetailDialog(testData.name);
  379. // 3. 验证详情显示完整
  380. const dialog = page.locator('[role="dialog"]').filter({ hasText: '残疾人详情' });
  381. const dialogText = await dialog.textContent();
  382. // 验证关键字段存在
  383. expect(dialogText).toContain('姓名');
  384. expect(dialogText).toContain('性别');
  385. expect(dialogText).toContain('身份证号');
  386. expect(dialogText).toContain('残疾证号');
  387. expect(dialogText).toContain('联系电话');
  388. console.debug('✓ 详情对话框显示所有基本字段');
  389. // 4. 关闭对话框
  390. await page.getByRole('button', { name: '关闭' }).click();
  391. await disabilityPersonPage.waitForDetailDialogClosed();
  392. });
  393. });
  394. test.describe('AC5: 列表查询与筛选', () => {
  395. test('应该支持按姓名搜索残疾人', async ({ disabilityPersonPage, page }) => {
  396. const testData = generateTestPerson('search');
  397. createdTestData.push({ name: testData.name });
  398. console.debug('\n========== 测试:按姓名搜索 ==========');
  399. // 1. 创建记录
  400. await disabilityPersonPage.openCreateDialog();
  401. await disabilityPersonPage.fillBasicForm(testData);
  402. await disabilityPersonPage.submitForm();
  403. await disabilityPersonPage.waitForDialogClosed();
  404. await page.reload();
  405. await page.waitForLoadState('networkidle');
  406. await disabilityPersonPage.goto();
  407. // 2. 获取搜索前的列表数量
  408. const countBeforeSearch = await disabilityPersonPage.getListCount();
  409. console.debug('搜索前记录数:', countBeforeSearch);
  410. // 3. 执行搜索
  411. await disabilityPersonPage.searchByName(testData.name);
  412. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  413. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  414. // 4. 验证搜索结果
  415. const personExists = await disabilityPersonPage.personExists(testData.name);
  416. expect(personExists).toBe(true);
  417. console.debug('✓ 搜索成功:找到目标记录');
  418. // 5. 验证搜索结果中只有目标记录
  419. const searchResults = await disabilityPersonPage.getListData();
  420. const matchingResults = searchResults.filter(r => r.name.includes(testData.name));
  421. expect(matchingResults.length).toBeGreaterThan(0);
  422. console.debug(`✓ 搜索结果数量: ${matchingResults.length}`);
  423. });
  424. test('应该支持按残疾类型筛选', async ({ disabilityPersonPage, page }) => {
  425. const testData = generateTestPerson('filter');
  426. createdTestData.push({ name: testData.name });
  427. console.debug('\n========== 测试:按残疾类型筛选 ==========');
  428. // 1. 创建记录(使用肢体残疾)
  429. await disabilityPersonPage.openCreateDialog();
  430. await disabilityPersonPage.fillBasicForm({
  431. ...testData,
  432. disabilityType: '肢体残疾',
  433. });
  434. await disabilityPersonPage.submitForm();
  435. await disabilityPersonPage.waitForDialogClosed();
  436. await page.reload();
  437. await page.waitForLoadState('networkidle');
  438. await disabilityPersonPage.goto();
  439. // 2. 获取筛选前的列表数量
  440. await disabilityPersonPage.resetFilters();
  441. await page.waitForTimeout(TIMEOUTS.LONG);
  442. const countBeforeFilter = await disabilityPersonPage.getListCount();
  443. console.debug('筛选前记录数:', countBeforeFilter);
  444. // 3. 应用筛选(肢体残疾)
  445. await disabilityPersonPage.filterByDisabilityType('肢体残疾');
  446. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  447. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  448. // 4. 验证筛选结果
  449. const listData = await disabilityPersonPage.getListCount();
  450. console.debug('筛选后记录数:', listData);
  451. // 验证结果中包含我们创建的记录
  452. const personExists = await disabilityPersonPage.personExists(testData.name);
  453. expect(personExists).toBe(true);
  454. console.debug('✓ 筛选成功:找到目标记录');
  455. // 5. 重置筛选
  456. await disabilityPersonPage.resetFilters();
  457. await page.waitForTimeout(TIMEOUTS.LONG);
  458. const countAfterReset = await disabilityPersonPage.getListCount();
  459. console.debug('重置后记录数:', countAfterReset);
  460. });
  461. test('应该支持重置筛选条件', async ({ disabilityPersonPage, page }) => {
  462. console.debug('\n========== 测试:重置筛选条件 ==========');
  463. // 1. 应用筛选
  464. await disabilityPersonPage.filterByDisabilityType('肢体残疾');
  465. await page.waitForTimeout(TIMEOUTS.LONG);
  466. const countAfterFilter = await disabilityPersonPage.getListCount();
  467. console.debug('应用筛选后记录数:', countAfterFilter);
  468. // 2. 重置筛选
  469. await disabilityPersonPage.resetFilters();
  470. await page.waitForTimeout(TIMEOUTS.LONG);
  471. // 3. 验证重置后显示所有记录
  472. const countAfterReset = await disabilityPersonPage.getListCount();
  473. console.debug('重置后记录数:', countAfterReset);
  474. // 重置后数量应该恢复(或至少不减少)
  475. expect(countAfterReset).toBeGreaterThanOrEqual(countAfterFilter);
  476. console.debug('✓ 重置筛选成功');
  477. });
  478. test('应该正确获取列表数据', async ({ disabilityPersonPage, page }) => {
  479. const testData = generateTestPerson('list_data');
  480. createdTestData.push({ name: testData.name });
  481. console.debug('\n========== 测试:获取列表数据 ==========');
  482. // 1. 创建记录
  483. await disabilityPersonPage.openCreateDialog();
  484. await disabilityPersonPage.fillBasicForm(testData);
  485. await disabilityPersonPage.submitForm();
  486. await disabilityPersonPage.waitForDialogClosed();
  487. await page.reload();
  488. await page.waitForLoadState('networkidle');
  489. await disabilityPersonPage.goto();
  490. // 2. 获取列表数据
  491. const listData = await disabilityPersonPage.getListData();
  492. console.debug('列表记录数:', listData.length);
  493. if (listData.length > 0) {
  494. console.debug('第一条记录:');
  495. console.debug(' - 姓名:', listData[0].name);
  496. console.debug(' - 残疾类型:', listData[0].disabilityType);
  497. console.debug(' - 残疾等级:', listData[0].disabilityLevel);
  498. }
  499. // 3. 验证数据结构
  500. expect(listData).toBeInstanceOf(Array);
  501. if (listData.length > 0) {
  502. expect(listData[0]).toHaveProperty('name');
  503. expect(listData[0]).toHaveProperty('idCard');
  504. expect(listData[0]).toHaveProperty('disabilityType');
  505. expect(listData[0]).toHaveProperty('disabilityLevel');
  506. expect(listData[0]).toHaveProperty('phone');
  507. }
  508. console.debug('✓ 列表数据结构正确');
  509. });
  510. });
  511. test.describe('AC6: 数据导出', () => {
  512. test('应该支持数据导出功能', async ({ disabilityPersonPage, page }) => {
  513. console.debug('\n========== 测试:数据导出功能 ==========');
  514. // 1. 检查是否存在导出按钮
  515. const exportButton = page.getByRole('button', { name: /导出|下载|Export/i });
  516. const exportExists = await exportButton.count() > 0;
  517. if (!exportExists) {
  518. console.debug('ℹ️ 导出按钮不存在,功能可能未实现');
  519. // 跳过测试而非失败
  520. test.skip();
  521. return;
  522. }
  523. console.debug('✓ 找到导出按钮');
  524. // 2. 使用 Page Object 的 exportData 方法执行导出
  525. const result = await disabilityPersonPage.exportData();
  526. // 3. 验证导出结果
  527. if (result.success) {
  528. console.debug(`✓ 导出成功: ${result.fileName || '文件已下载'}`);
  529. expect(result.success).toBe(true);
  530. } else {
  531. console.debug('⚠️ 导出失败或未触发下载');
  532. // 如果导出功能存在但未工作,这是需要关注的问题
  533. expect(result.success).toBe(true);
  534. }
  535. });
  536. test('应该验证导出文件包含正确数据', async ({ disabilityPersonPage, page }) => {
  537. console.debug('\n========== 测试:导出数据正确性 ==========');
  538. // 检查导出按钮是否存在
  539. const exportButton = page.getByRole('button', { name: /导出|下载|Export/i });
  540. const exportExists = await exportButton.count() > 0;
  541. if (!exportExists) {
  542. test.skip();
  543. return;
  544. }
  545. // 1. 创建一条测试记录以便验证导出数据
  546. const testData = generateTestPerson('export_verify');
  547. createdTestData.push({ name: testData.name });
  548. await disabilityPersonPage.openCreateDialog();
  549. await disabilityPersonPage.fillBasicForm(testData);
  550. await disabilityPersonPage.submitForm();
  551. await disabilityPersonPage.waitForDialogClosed();
  552. await page.reload();
  553. await page.waitForLoadState('networkidle');
  554. await disabilityPersonPage.goto();
  555. // 2. 执行导出
  556. const result = await disabilityPersonPage.exportData();
  557. // 3. 验证导出成功
  558. expect(result.success).toBe(true);
  559. console.debug(`✓ 导出成功: ${result.fileName || '文件已下载'}`);
  560. // 注意:数据清理由 test.afterEach 统一处理
  561. });
  562. });
  563. test.describe('综合测试:完整 CRUD 流程', () => {
  564. test('应该完成完整的 CRUD 生命周期', async ({ disabilityPersonPage, page }) => {
  565. const testData = generateTestPerson('lifecycle');
  566. // 生命周期测试会在测试内部删除数据,不需要 afterEach 清理
  567. // 但如果测试失败,afterEach 会尝试清理(此时已不存在,会安全跳过)
  568. const updatedName = `${UNIQUE_ID}_lifecycle_updated`;
  569. console.debug('\n========== 测试:完整 CRUD 生命周期 ==========');
  570. // CREATE: 创建记录
  571. console.debug('\n[CREATE] 创建残疾人记录...');
  572. await disabilityPersonPage.openCreateDialog();
  573. await disabilityPersonPage.fillBasicForm(testData);
  574. await disabilityPersonPage.submitForm();
  575. await disabilityPersonPage.waitForDialogClosed();
  576. await page.reload();
  577. await page.waitForLoadState('networkidle');
  578. await disabilityPersonPage.goto();
  579. await disabilityPersonPage.searchByName(testData.name);
  580. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  581. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  582. let personExists = await disabilityPersonPage.personExists(testData.name);
  583. expect(personExists).toBe(true);
  584. console.debug('✓ CREATE 成功');
  585. // READ: 查看详情
  586. console.debug('\n[READ] 查看残疾人详情...');
  587. await disabilityPersonPage.openDetailDialog(testData.name);
  588. const dialog = page.locator('[role="dialog"]').filter({ hasText: '残疾人详情' });
  589. await expect(dialog).toBeVisible();
  590. const dialogText = await dialog.textContent();
  591. expect(dialogText).toContain(testData.name);
  592. await page.getByRole('button', { name: '关闭' }).click();
  593. await disabilityPersonPage.waitForDetailDialogClosed();
  594. console.debug('✓ READ 成功');
  595. // UPDATE: 更新记录
  596. console.debug('\n[UPDATE] 更新残疾人记录...');
  597. await disabilityPersonPage.openEditDialog(testData.name);
  598. const form = page.locator('form#update-form');
  599. await form.waitFor({ state: 'visible', timeout: TIMEOUTS.DIALOG });
  600. const nameInput = form.getByLabel('姓名 *');
  601. await nameInput.clear();
  602. await nameInput.fill(updatedName);
  603. const submitButton = page.getByRole('button', { name: '更新' });
  604. await submitButton.click();
  605. await page.waitForLoadState('networkidle', { timeout: TIMEOUTS.TABLE_LOAD });
  606. await page.waitForTimeout(TIMEOUTS.VERY_LONG);
  607. await disabilityPersonPage.goto();
  608. await disabilityPersonPage.searchByName(updatedName);
  609. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  610. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  611. const updatedExists = await disabilityPersonPage.personExists(updatedName);
  612. expect(updatedExists).toBe(true);
  613. console.debug('✓ UPDATE 成功');
  614. // DELETE: 删除记录
  615. console.debug('\n[DELETE] 删除残疾人记录...');
  616. await disabilityPersonPage.deleteDisabilityPerson(updatedName);
  617. // 增加等待时间以确保数据已持久化(修复稳定性问题)
  618. await page.waitForTimeout(TIMEOUTS.EXTENDED);
  619. const deletedExists = await disabilityPersonPage.personExists(updatedName);
  620. expect(deletedExists).toBe(false);
  621. console.debug('✓ DELETE 成功');
  622. console.debug('\n========== 完整 CRUD 生命周期测试完成 ==========');
  623. });
  624. });
  625. });