company-status-simple.spec.ts 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. import { test, expect } from '@playwright/test';
  2. test('公司管理状态功能快速验证', async ({ page }) => {
  3. // 导航到公司管理页面
  4. await page.goto('http://localhost:8080/admin/companies');
  5. await page.waitForLoadState('domcontentloaded');
  6. // 等待页面加载
  7. await page.waitForTimeout(2000);
  8. // 截图1:公司管理列表页面
  9. await page.screenshot({ path: 'test-results/company-list.png', fullPage: true });
  10. // 点击"创建公司"按钮
  11. await page.click('[data-testid="create-company-button"]');
  12. await page.waitForTimeout(1000);
  13. // 截图2:创建公司表单
  14. await page.screenshot({ path: 'test-results/company-create-form.png', fullPage: true });
  15. // 检查状态选择控件是否存在
  16. const statusSelect = page.locator('[data-testid="create-company-status-select"]');
  17. const isStatusSelectVisible = await statusSelect.isVisible();
  18. console.log('创建表单中的状态控件存在:', isStatusSelectVisible);
  19. // 点击状态选择器
  20. await statusSelect.click();
  21. await page.waitForTimeout(500);
  22. // 截图3:状态选择器展开
  23. await page.screenshot({ path: 'test-results/company-status-dropdown.png', fullPage: true });
  24. // 检查选项是否可见
  25. const enabledOption = page.locator('[data-testid="create-company-status-enabled"]');
  26. const disabledOption = page.locator('[data-testid="create-company-status-disabled"]');
  27. const isEnabledVisible = await enabledOption.isVisible();
  28. const isDisabledVisible = await disabledOption.isVisible();
  29. console.log('启用选项可见:', isEnabledVisible);
  30. console.log('禁用选项可见:', isDisabledVisible);
  31. // 选择禁用状态
  32. await disabledOption.click();
  33. await page.waitForTimeout(500);
  34. // 截图4:选择禁用状态后
  35. await page.screenshot({ path: 'test-results/company-status-disabled-selected.png', fullPage: true });
  36. // 关闭对话框
  37. await page.click('[data-testid="cancel-company-button"]');
  38. await page.waitForTimeout(500);
  39. // 截图5:回到列表页面
  40. await page.screenshot({ path: 'test-results/company-list-after-cancel.png', fullPage: true });
  41. // 验证:创建表单中有状态选择控件
  42. expect(isStatusSelectVisible).toBe(true);
  43. expect(isEnabledVisible).toBe(true);
  44. expect(isDisabledVisible).toBe(true);
  45. });