user-create-talent.spec.ts 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532
  1. import { TIMEOUTS } from '../../utils/timeouts';
  2. import { test, expect } from '../../utils/test-setup';
  3. import { UserType } from '@d8d/shared-types';
  4. /**
  5. * 人才用户创建 E2E 测试
  6. *
  7. * 测试后台创建人才用户功能的正确性
  8. * 验证创建基本人才用户、完整信息人才用户、残疾人关联验证、表单验证等功能
  9. *
  10. * @see {@link ../pages/admin/user-management.page.ts} UserManagementPage
  11. * @see {@link ../pages/admin/disability-person.page.ts} DisabilityPersonManagementPage
  12. */
  13. test.describe('人才用户创建功能', () => {
  14. // 测试创建的残疾人姓名,用于清理
  15. let testPersonName: string;
  16. test.beforeEach(async ({ adminLoginPage, disabilityPersonPage, userManagementPage }) => {
  17. // 以管理员身份登录后台
  18. await adminLoginPage.goto();
  19. await adminLoginPage.login('admin', 'admin123');
  20. await adminLoginPage.expectLoginSuccess();
  21. // 创建测试残疾人(人才用户必须关联残疾人)
  22. const timestamp = Date.now();
  23. testPersonName = `测试残疾人_${timestamp}`;
  24. await disabilityPersonPage.goto();
  25. await disabilityPersonPage.openCreateDialog();
  26. // 填写残疾人基本信息(必填字段)
  27. await disabilityPersonPage.fillBasicForm({
  28. name: testPersonName,
  29. gender: '男',
  30. idCard: generateTestIdCard(timestamp),
  31. disabilityId: `证${timestamp}`,
  32. disabilityType: '视力残疾',
  33. disabilityLevel: '一级',
  34. phone: '13800138000',
  35. idAddress: `测试身份证地址_${timestamp}`,
  36. province: '广东省',
  37. city: '广州市',
  38. });
  39. // 提交表单
  40. await disabilityPersonPage.submitForm();
  41. await disabilityPersonPage.waitForDialogClosed();
  42. // 验证残疾人创建成功
  43. const personCreated = await disabilityPersonPage.waitForPersonExists(testPersonName, { timeout: TIMEOUTS.TABLE_LOAD });
  44. expect(personCreated).toBe(true);
  45. // 导航到用户管理页面
  46. await userManagementPage.goto();
  47. });
  48. test.afterEach(async ({ disabilityPersonPage }) => {
  49. // 清理测试数据(残疾人)
  50. await disabilityPersonPage.goto();
  51. await disabilityPersonPage.searchByName(testPersonName);
  52. // 等待搜索结果
  53. const exists = await disabilityPersonPage.personExists(testPersonName);
  54. if (exists) {
  55. await disabilityPersonPage.deleteDisabilityPerson(testPersonName);
  56. // 等待删除完成
  57. const deleted = await disabilityPersonPage.waitForPersonNotExists(testPersonName, { timeout: TIMEOUTS.TABLE_LOAD });
  58. expect(deleted).toBe(true);
  59. }
  60. });
  61. test.describe('基本创建流程测试', () => {
  62. test('应该成功创建基本人才用户', async ({ userManagementPage }) => {
  63. // 生成唯一用户名
  64. const timestamp = Date.now();
  65. const username = `test_talent_${timestamp}`;
  66. // 创建人才用户(填写必填字段 + 选择残疾人)
  67. const result = await userManagementPage.createUser({
  68. username,
  69. password: 'password123',
  70. nickname: '测试人才用户',
  71. userType: UserType.TALENT,
  72. // personId 由 Page Object 通过残疾人名称自动处理,无需指定
  73. }, undefined, testPersonName);
  74. // 验证 API 响应成功
  75. expect(result.responses).toBeDefined();
  76. expect(result.responses?.length).toBeGreaterThan(0);
  77. const createResponse = result.responses?.find(r => r.url.includes('/api/v1/users'));
  78. expect(createResponse?.ok).toBe(true);
  79. // 验证创建成功提示(可选,Toast 检测可能不稳定)
  80. if (result.hasSuccess && result.successMessage) {
  81. expect(result.successMessage).toContain('成功');
  82. }
  83. // 验证用户出现在列表中
  84. await expect(async () => {
  85. const exists = await userManagementPage.userExists(username);
  86. expect(exists).toBe(true);
  87. }).toPass({ timeout: TIMEOUTS.DIALOG });
  88. // 验证用户类型徽章显示为人才用户
  89. const userRow = userManagementPage.getUserByUsername(username);
  90. const userTypeBadge = userRow.getByTestId('user-type-badge');
  91. await expect(userTypeBadge).toContainText('人才用户');
  92. // 清理测试数据(用户)
  93. const deleteResult = await userManagementPage.deleteUser(username);
  94. expect(deleteResult).toBe(true);
  95. // 验证用户已被删除
  96. const existsAfterDelete = await userManagementPage.userExists(username);
  97. expect(existsAfterDelete).toBe(false);
  98. });
  99. test('创建后人才用户应该出现在列表中', async ({ userManagementPage }) => {
  100. const timestamp = Date.now();
  101. const username = `talent_list_${timestamp}`;
  102. // 创建人才用户
  103. await userManagementPage.createUser({
  104. username,
  105. password: 'password123',
  106. nickname: '列表测试用户',
  107. userType: UserType.TALENT,
  108. }, undefined, testPersonName);
  109. // 验证用户出现在列表中
  110. const exists = await userManagementPage.userExists(username);
  111. expect(exists).toBe(true);
  112. // 清理
  113. await userManagementPage.deleteUser(username);
  114. });
  115. });
  116. test.describe('完整表单字段测试', () => {
  117. test('应该成功创建完整信息人才用户', async ({ userManagementPage }) => {
  118. const timestamp = Date.now();
  119. const username = `talent_full_${timestamp}`;
  120. // 创建人才用户(填写所有字段)
  121. const result = await userManagementPage.createUser({
  122. username,
  123. password: 'password123',
  124. nickname: '完整信息用户',
  125. email: `full_${timestamp}@example.com`,
  126. phone: '13800138001',
  127. name: '张三',
  128. userType: UserType.TALENT,
  129. // personId 由 Page Object 通过残疾人名称自动处理,无需指定
  130. }, undefined, testPersonName);
  131. // 验证 API 响应成功
  132. const createResponse = result.responses?.find(r => r.url.includes('/api/v1/users'));
  133. expect(createResponse?.ok).toBe(true);
  134. // 验证用户出现在列表中
  135. await expect(async () => {
  136. const exists = await userManagementPage.userExists(username);
  137. expect(exists).toBe(true);
  138. }).toPass({ timeout: TIMEOUTS.DIALOG });
  139. // 清理
  140. await userManagementPage.deleteUser(username);
  141. });
  142. test('应该保存所有填写的字段数据', async ({ userManagementPage }) => {
  143. const timestamp = Date.now();
  144. const username = `talent_fields_${timestamp}`;
  145. // 创建人才用户(填写所有字段)
  146. const result = await userManagementPage.createUser({
  147. username,
  148. password: 'password123',
  149. nickname: `字段测试_${timestamp}`,
  150. email: `fields_${timestamp}@test.com`,
  151. phone: '13900139000',
  152. name: '李四',
  153. userType: UserType.TALENT,
  154. // personId 由 Page Object 通过残疾人名称自动处理,无需指定
  155. }, undefined, testPersonName);
  156. // 验证创建成功(优先检查 API 响应)
  157. const createResponse = result.responses?.find(r => r.url.includes('/api/v1/users'));
  158. expect(createResponse?.ok).toBe(true);
  159. // 验证创建成功提示(可选,Toast 检测可能不稳定)
  160. if (result.hasSuccess && result.successMessage) {
  161. expect(result.successMessage).toContain('成功');
  162. }
  163. // 验证用户出现在列表中
  164. const exists = await userManagementPage.userExists(username);
  165. expect(exists).toBe(true);
  166. // 清理
  167. await userManagementPage.deleteUser(username);
  168. });
  169. });
  170. test.describe('残疾人关联验证测试', () => {
  171. // TODO: 后端当前未强制要求人才用户必须关联残疾人
  172. // 当前行为:后端允许创建没有 personId 的 TALENT 用户
  173. // 期望行为:后端应返回 400 错误,要求人才用户必须关联残疾人
  174. test.skip('人才用户必须关联残疾人 [后端验证未实现]', async ({ userManagementPage }) => {
  175. const timestamp = Date.now();
  176. const username = `talent_no_person_${timestamp}`;
  177. // 打开创建对话框
  178. await userManagementPage.openCreateDialog();
  179. // 填写用户名和密码
  180. await userManagementPage.usernameInput.fill(username);
  181. await userManagementPage.passwordInput.fill('password123');
  182. // 选择用户类型为人才用户(但不选择残疾人)
  183. await userManagementPage.page.waitForSelector('[data-testid="用户类型-trigger"]', { state: 'visible', timeout: TIMEOUTS.DIALOG });
  184. await userManagementPage.userTypeSelector.click();
  185. await userManagementPage.page.waitForSelector('[role="option"]', { state: 'visible', timeout: TIMEOUTS.DIALOG });
  186. await userManagementPage.page.getByRole('option', { name: '人才用户' }).click();
  187. // 尝试提交表单
  188. const submitResult = await userManagementPage.submitForm();
  189. // 验证 API 响应包含错误(后端验证)
  190. const createResponse = submitResult.responses?.find(r => r.url.includes('/api/v1/users'));
  191. // 后端应该返回 400 错误或 Toast 错误消息
  192. expect(createResponse?.ok || submitResult.hasError).toBe(false);
  193. // 验证用户没有被创建(列表中不存在)
  194. const exists = await userManagementPage.userExists(username);
  195. expect(exists).toBe(false);
  196. });
  197. test.skip('不选择残疾人时应该显示错误提示 [后端验证未实现]', async ({ userManagementPage }) => {
  198. const timestamp = Date.now();
  199. const username = `talent_error_${timestamp}`;
  200. // 打开创建对话框
  201. await userManagementPage.openCreateDialog();
  202. // 填写必填字段
  203. await userManagementPage.usernameInput.fill(username);
  204. await userManagementPage.passwordInput.fill('password123');
  205. await userManagementPage.nicknameInput.fill('错误测试用户');
  206. // 选择用户类型为人才用户(但不选择残疾人)
  207. await userManagementPage.page.waitForSelector('[data-testid="用户类型-trigger"]', { state: 'visible', timeout: TIMEOUTS.DIALOG });
  208. await userManagementPage.userTypeSelector.click();
  209. await userManagementPage.page.waitForSelector('[role="option"]', { state: 'visible', timeout: TIMEOUTS.DIALOG });
  210. await userManagementPage.page.getByRole('option', { name: '人才用户' }).click();
  211. // 尝试提交表单
  212. const submitResult = await userManagementPage.submitForm();
  213. // 验证后端返回错误(残疾人必填验证)
  214. const createResponse = submitResult.responses?.find(r => r.url.includes('/api/v1/users'));
  215. expect(createResponse?.ok || submitResult.hasError).toBe(false);
  216. // 验证用户没有被创建
  217. const exists = await userManagementPage.userExists(username);
  218. expect(exists).toBe(false);
  219. });
  220. });
  221. test.describe('表单验证测试', () => {
  222. test('用户名为空时应显示验证错误', async ({ userManagementPage }) => {
  223. // 打开创建对话框
  224. await userManagementPage.openCreateDialog();
  225. // 不填写用户名,直接填写密码
  226. await userManagementPage.passwordInput.fill('password123');
  227. // 尝试提交表单
  228. await userManagementPage.submitForm();
  229. // 验证对话框仍然打开(表单验证阻止了提交)
  230. const dialog = userManagementPage.page.locator('[role="dialog"]');
  231. await expect(dialog).toBeVisible();
  232. // 关闭对话框
  233. await userManagementPage.cancelDialog();
  234. });
  235. test('密码为空时应显示验证错误', async ({ userManagementPage }) => {
  236. // 打开创建对话框
  237. await userManagementPage.openCreateDialog();
  238. // 填写用户名,但不填写密码
  239. const timestamp = Date.now();
  240. await userManagementPage.usernameInput.fill(`user_no_pwd_${timestamp}`);
  241. // 尝试提交表单
  242. await userManagementPage.submitForm();
  243. // 验证对话框仍然打开(表单验证阻止了提交)
  244. const dialog = userManagementPage.page.locator('[role="dialog"]');
  245. await expect(dialog).toBeVisible();
  246. // 关闭对话框
  247. await userManagementPage.cancelDialog();
  248. });
  249. test('邮箱格式不正确时应显示验证错误', async ({ userManagementPage }) => {
  250. const timestamp = Date.now();
  251. const username = `user_bad_email_${timestamp}`;
  252. // 打开创建对话框
  253. await userManagementPage.openCreateDialog();
  254. // 先填写无效格式的邮箱(在填写其他可选字段之前)
  255. await userManagementPage.usernameInput.fill(username);
  256. await userManagementPage.passwordInput.fill('password123');
  257. await userManagementPage.emailInput.fill('invalid-email-format');
  258. // 不填写昵称等其他字段,只测试邮箱格式验证
  259. // 尝试提交表单
  260. await userManagementPage.submitForm();
  261. // 验证对话框仍然打开(表单验证阻止了提交)
  262. const dialog = userManagementPage.page.locator('[role="dialog"]');
  263. await expect(dialog).toBeVisible();
  264. // 关闭对话框
  265. await userManagementPage.cancelDialog();
  266. });
  267. });
  268. test.describe('数据唯一性测试', () => {
  269. test('不同测试应该使用不同的用户名', async ({ userManagementPage }) => {
  270. // 生成两个不同的用户名
  271. const timestamp = Date.now();
  272. const username1 = `unique_talent_A_${timestamp}`;
  273. const username2 = `unique_talent_B_${timestamp}`;
  274. // 创建第一个人才用户
  275. await userManagementPage.createUser({
  276. username: username1,
  277. password: 'password123',
  278. nickname: '唯一性测试A',
  279. userType: UserType.TALENT,
  280. }, undefined, testPersonName);
  281. expect(await userManagementPage.userExists(username1)).toBe(true);
  282. // 创建第二个人才用户
  283. await userManagementPage.createUser({
  284. username: username2,
  285. password: 'password123',
  286. nickname: '唯一性测试B',
  287. userType: UserType.TALENT,
  288. }, undefined, testPersonName);
  289. expect(await userManagementPage.userExists(username2)).toBe(true);
  290. // 清理两个用户
  291. await userManagementPage.deleteUser(username1);
  292. await userManagementPage.deleteUser(username2);
  293. // 验证清理成功
  294. expect(await userManagementPage.userExists(username1)).toBe(false);
  295. expect(await userManagementPage.userExists(username2)).toBe(false);
  296. });
  297. test('使用时间戳确保用户名唯一', async ({ userManagementPage }) => {
  298. // 使用时间戳生成唯一用户名
  299. const timestamp = Date.now();
  300. const username = `timestamp_user_${timestamp}`;
  301. // 创建人才用户
  302. await userManagementPage.createUser({
  303. username,
  304. password: 'password123',
  305. nickname: '时间戳测试用户',
  306. userType: UserType.TALENT,
  307. }, undefined, testPersonName);
  308. // 验证用户创建成功
  309. expect(await userManagementPage.userExists(username)).toBe(true);
  310. // 清理
  311. await userManagementPage.deleteUser(username);
  312. });
  313. });
  314. test.describe('测试后清理验证', () => {
  315. test('应该能成功删除测试创建的人才用户', async ({ userManagementPage }) => {
  316. const timestamp = Date.now();
  317. const username = `cleanup_talent_${timestamp}`;
  318. // 创建人才用户
  319. const result = await userManagementPage.createUser({
  320. username,
  321. password: 'password123',
  322. nickname: '清理测试用户',
  323. email: `cleanup_${timestamp}@test.com`,
  324. phone: '13800003333',
  325. userType: UserType.TALENT,
  326. }, undefined, testPersonName);
  327. // 验证用户存在
  328. const createResponse = result.responses?.find(r => r.url.includes('/api/v1/users'));
  329. expect(createResponse?.ok).toBe(true);
  330. expect(await userManagementPage.userExists(username)).toBe(true);
  331. // 删除用户
  332. const deleteResult = await userManagementPage.deleteUser(username);
  333. expect(deleteResult).toBe(true);
  334. // 验证用户已被删除
  335. await expect(async () => {
  336. const exists = await userManagementPage.userExists(username);
  337. expect(exists).toBe(false);
  338. }).toPass({ timeout: TIMEOUTS.DIALOG });
  339. });
  340. });
  341. test.describe('对话框元素验证', () => {
  342. test('应该显示创建用户对话框的所有字段', async ({ userManagementPage }) => {
  343. // 打开创建对话框
  344. await userManagementPage.openCreateDialog();
  345. // 验证对话框存在
  346. const dialog = userManagementPage.page.locator('[role="dialog"]');
  347. await expect(dialog).toBeVisible();
  348. // 验证用户类型选择器存在
  349. await expect(userManagementPage.userTypeSelector).toBeVisible();
  350. // 验证必填字段输入框存在
  351. await expect(userManagementPage.usernameInput).toBeVisible();
  352. await expect(userManagementPage.passwordInput).toBeVisible();
  353. await expect(userManagementPage.nicknameInput).toBeVisible();
  354. // 验证可选字段输入框存在
  355. await expect(userManagementPage.emailInput).toBeVisible();
  356. await expect(userManagementPage.phoneInput).toBeVisible();
  357. await expect(userManagementPage.nameInput).toBeVisible();
  358. // 残疾人选择器是条件渲染的,只有选择了 TALENT 类型才会显示
  359. // 先选择人才用户类型
  360. await userManagementPage.userTypeSelector.click();
  361. await userManagementPage.page.waitForSelector('[role="option"]', { state: 'visible', timeout: TIMEOUTS.DIALOG });
  362. await userManagementPage.page.getByRole('option', { name: '人才用户' }).click();
  363. // 现在验证残疾人选择器存在
  364. await expect(userManagementPage.disabledPersonSelector).toBeVisible();
  365. // 验证按钮存在
  366. await expect(userManagementPage.createSubmitButton).toBeVisible();
  367. await expect(userManagementPage.cancelButton).toBeVisible();
  368. // 关闭对话框
  369. await userManagementPage.cancelDialog();
  370. });
  371. });
  372. test.describe('取消和关闭操作测试', () => {
  373. test('应该能取消创建人才用户操作', async ({ userManagementPage }) => {
  374. const timestamp = Date.now();
  375. const username = `cancel_talent_${timestamp}`;
  376. // 打开创建对话框并填写表单
  377. await userManagementPage.openCreateDialog();
  378. await userManagementPage.usernameInput.fill(username);
  379. await userManagementPage.passwordInput.fill('password123');
  380. // 点击取消按钮
  381. await userManagementPage.cancelDialog();
  382. // 验证对话框关闭
  383. const dialog = userManagementPage.page.locator('[role="dialog"]');
  384. await expect(dialog).not.toBeVisible();
  385. // 验证用户没有被创建
  386. const exists = await userManagementPage.userExists(username);
  387. expect(exists).toBe(false);
  388. });
  389. test('应该能通过关闭对话框取消创建', async ({ userManagementPage }) => {
  390. const timestamp = Date.now();
  391. const username = `close_talent_${timestamp}`;
  392. // 打开创建对话框并填写表单
  393. await userManagementPage.openCreateDialog();
  394. await userManagementPage.usernameInput.fill(username);
  395. await userManagementPage.passwordInput.fill('password123');
  396. // 按 ESC 键关闭对话框
  397. await userManagementPage.page.keyboard.press('Escape');
  398. // 等待对话框关闭
  399. await userManagementPage.waitForDialogClosed();
  400. // 验证用户没有被创建
  401. const exists = await userManagementPage.userExists(username);
  402. expect(exists).toBe(false);
  403. });
  404. });
  405. });
  406. /**
  407. * 生成测试用身份证号
  408. * @param timestamp 时间戳
  409. * @returns 18位身份证号
  410. */
  411. function generateTestIdCard(timestamp: number): string {
  412. // 生成一个有效的18位身份证号(简化版本)
  413. const prefix = '110101'; // 北京市东城区
  414. const birthDate = new Date(timestamp);
  415. const year = birthDate.getFullYear();
  416. const month = String(birthDate.getMonth() + 1).padStart(2, '0');
  417. const day = String(birthDate.getDate()).padStart(2, '0');
  418. const sequence = String(timestamp % 1000).padStart(3, '0');
  419. const base = prefix + year + month + day + sequence;
  420. // 简单校验码计算(实际身份证校验码算法更复杂)
  421. const weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
  422. const checkChars = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2'];
  423. let sum = 0;
  424. for (let i = 0; i < 17; i++) {
  425. sum += parseInt(base[i]) * weights[i];
  426. }
  427. const checkCode = checkChars[sum % 11];
  428. return base + checkCode;
  429. }