disability-person-crud.spec.ts 29 KB

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