yongren-components.test.tsx 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. // @ts-ignore
  2. import React from 'react'
  3. import { render, screen } from '@testing-library/react'
  4. import YongrenTabBarLayout from '../src/layouts/yongren-tab-bar-layout'
  5. import { UserStatusBar } from '../src/components/ui/user-status-bar'
  6. import { PageContainer } from '../src/components/ui/page-container'
  7. describe('用人方小程序布局组件', () => {
  8. test('YongrenTabBarLayout应正确渲染', () => {
  9. render(
  10. <YongrenTabBarLayout activeKey="dashboard">
  11. <div>测试内容</div>
  12. </YongrenTabBarLayout>
  13. )
  14. // 检查底部导航标签
  15. expect(screen.getByText('首页')).toBeDefined()
  16. expect(screen.getByText('人才')).toBeDefined()
  17. expect(screen.getByText('订单')).toBeDefined()
  18. expect(screen.getByText('数据')).toBeDefined()
  19. expect(screen.getByText('设置')).toBeDefined()
  20. })
  21. test('UserStatusBar应正确渲染用户信息', () => {
  22. render(
  23. <UserStatusBar
  24. userName="测试用户"
  25. companyName="测试公司"
  26. notificationCount={3}
  27. />
  28. )
  29. expect(screen.getByText('测试用户')).toBeDefined()
  30. expect(screen.getByText('测试公司')).toBeDefined()
  31. })
  32. test('PageContainer应正确渲染子内容', () => {
  33. render(
  34. <PageContainer>
  35. <div>页面内容</div>
  36. </PageContainer>
  37. )
  38. expect(screen.getByText('页面内容')).toBeDefined()
  39. })
  40. })