disability-person-crud.spec.ts 32 KB

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