feat: 增加测试覆盖率并优化代码质量

test: 添加单元测试和端到端测试 refactor: 重构登录页面和上传模块 ci: 更新测试覆盖率阈值至42% build: 添加测试相关依赖 docs: 更新测试文档 style: 修复代码格式问题
2026-03-11 11:14:37 +08:00
parent 8fd7ed84ed
commit b207bfa7af
58 changed files with 14494 additions and 655 deletions
@@ -0,0 +1,146 @@
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { CaseDetailClient } from './client';
+
+jest.mock('next/navigation', () => ({
+  useRouter: () => ({
+    push: jest.fn(),
+    back: jest.fn(),
+    forward: jest.fn(),
+  }),
+}));
+
+jest.mock('next/link', () => {
+  return ({ children, href }: { children: React.ReactNode; href: string }) => {
+    return <a href={href}>{children}</a>;
+  };
+});
+
+const mockCaseItem = {
+  id: 'test-case',
+  title: '测试案例标题',
+  client: '测试客户',
+  industry: '制造业',
+  description: '这是一个测试案例的描述',
+  results: [
+    { label: '业务处理效率', value: '提升50%' },
+    { label: '客户满意度', value: '提升30%' },
+  ],
+  tags: ['AI', '大数据'],
+};
+
+describe('CaseDetailClient', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('Rendering', () => {
+    it('should render case detail page', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const main = screen.getByRole('main');
+      expect(main).toBeInTheDocument();
+    });
+
+    it('should render case title', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const title = screen.getByRole('heading', { level: 1 });
+      expect(title).toBeInTheDocument();
+      expect(title).toHaveTextContent('测试案例标题');
+    });
+
+    it('should render case client name', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const clients = screen.getAllByText('测试客户');
+      expect(clients.length).toBeGreaterThan(0);
+    });
+
+    it('should render case industry badge', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const industries = screen.getAllByText('制造业');
+      expect(industries.length).toBeGreaterThan(0);
+    });
+
+    it('should render case description', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const description = screen.getByText('这是一个测试案例的描述');
+      expect(description).toBeInTheDocument();
+    });
+
+    it('should render case results', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const result1 = screen.getByText('提升50%');
+      const result2 = screen.getByText('提升30%');
+      expect(result1).toBeInTheDocument();
+      expect(result2).toBeInTheDocument();
+    });
+
+    it('should render case tags', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const tags = screen.getAllByText('AI');
+      expect(tags.length).toBeGreaterThan(0);
+    });
+
+    it('should render contact button', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const contactButton = screen.getByRole('link', { name: /联系我们/i });
+      expect(contactButton).toBeInTheDocument();
+    });
+  });
+
+  describe('Sections', () => {
+    it('should render customer challenges section', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const section = screen.getByText('客户遇到的成长瓶颈');
+      expect(section).toBeInTheDocument();
+    });
+
+    it('should render solution section', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const section = screen.getByText('我们如何智连未来');
+      expect(section).toBeInTheDocument();
+    });
+
+    it('should render growth story section', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const section = screen.getByText('共同成长的故事');
+      expect(section).toBeInTheDocument();
+    });
+
+    it('should render achievements section', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const section = screen.getByText('今天，他们走到了哪里');
+      expect(section).toBeInTheDocument();
+    });
+
+    it('should render testimonial section', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const section = screen.getByText('客户证言精选');
+      expect(section).toBeInTheDocument();
+    });
+  });
+
+  describe('Navigation', () => {
+    it('should have back button', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const backButton = screen.getByRole('button', { name: /返回/i });
+      expect(backButton).toBeInTheDocument();
+    });
+  });
+
+  describe('Accessibility', () => {
+    it('should have main landmark', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const main = screen.getByRole('main');
+      expect(main).toBeInTheDocument();
+    });
+
+    it('should have proper heading hierarchy', () => {
+      render(<CaseDetailClient caseItem={mockCaseItem as any} />);
+      const h1 = screen.getByRole('heading', { level: 1 });
+      expect(h1).toBeInTheDocument();
+      
+      const h2s = screen.getAllByRole('heading', { level: 2 });
+      expect(h2s.length).toBeGreaterThan(0);
+    });
+  });
+});
@@ -0,0 +1,149 @@
+import { describe, it, expect, jest, beforeAll } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+
+jest.mock('framer-motion', () => ({
+  motion: {
+    div: ({ children, className, ...props }: any) => (
+      <div className={className} {...props}>
+        {children}
+      </div>
+    ),
+    section: ({ children, className, ...props }: any) => (
+      <section className={className} {...props}>
+        {children}
+      </section>
+    ),
+  },
+  AnimatePresence: ({ children }: any) => <>{children}</>,
+  useInView: () => [null, true],
+}));
+
+jest.mock('next/link', () => {
+  return ({ children, href, ...props }: any) => (
+    <a href={href} {...props}>
+      {children}
+    </a>
+  );
+});
+
+jest.mock('lucide-react', () => ({
+  ArrowRight: () => <span data-testid="arrow-right-icon" />,
+  ArrowLeft: () => <span data-testid="arrow-left-icon" />,
+  Building2: () => <span data-testid="building-icon" />,
+  Calendar: () => <span data-testid="calendar-icon" />,
+  TrendingUp: () => <span data-testid="trending-up-icon" />,
+}));
+
+jest.mock('@/components/ui/button', () => ({
+  Button: ({ children, className, ...props }: any) => (
+    <button className={className} {...props}>
+      {children}
+    </button>
+  ),
+}));
+
+jest.mock('@/components/ui/badge', () => ({
+  Badge: ({ children, className, ...props }: any) => (
+    <span className={className} {...props}>
+      {children}
+    </span>
+  ),
+}));
+
+jest.mock('@/components/ui/page-header', () => ({
+  PageHeader: ({ title, description }: any) => (
+    <header>
+      <h1>{title}</h1>
+      <p>{description}</p>
+    </header>
+  ),
+}));
+
+jest.mock('@/lib/constants', () => ({
+  CASES: [
+    {
+      id: 'case-1',
+      client: '客户A',
+      title: '数字化转型案例',
+      industry: '制造业',
+      description: '帮助客户实现数字化转型',
+    },
+    {
+      id: 'case-2',
+      client: '客户B',
+      title: 'ERP系统实施案例',
+      industry: '零售业',
+      description: 'ERP系统成功实施',
+    },
+  ],
+}));
+
+import CasesPage from './page';
+
+describe('CasesPage', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('Rendering', () => {
+    it('should render cases page', () => {
+      const { container } = render(<CasesPage />);
+      const pageContainer = container.querySelector('.min-h-screen');
+      expect(pageContainer).toBeInTheDocument();
+    });
+
+    it('should render page header', () => {
+      render(<CasesPage />);
+      const title = screen.getByText(/与谁同行/i);
+      expect(title).toBeInTheDocument();
+    });
+
+    it('should render back to home link', () => {
+      render(<CasesPage />);
+      const backLink = screen.getByText(/返回首页/i);
+      expect(backLink).toBeInTheDocument();
+    });
+
+    it('should render case cards', () => {
+      render(<CasesPage />);
+      const caseTitles = screen.getAllByRole('heading', { level: 3 });
+      expect(caseTitles.length).toBeGreaterThan(0);
+    });
+
+    it('should render case categories', () => {
+      render(<CasesPage />);
+      const categories = screen.getByText(/制造业/i);
+      expect(categories).toBeInTheDocument();
+    });
+
+    it('should render CTA section', () => {
+      render(<CasesPage />);
+      const cta = screen.getByText(/准备开始您的数字化转型之旅/i);
+      expect(cta).toBeInTheDocument();
+    });
+  });
+
+  describe('Navigation', () => {
+    it('should have case detail links', () => {
+      render(<CasesPage />);
+      const links = screen.getAllByRole('link');
+      const caseLinks = links.filter(link => link.getAttribute('href')?.startsWith('/cases/'));
+      expect(caseLinks.length).toBeGreaterThan(0);
+    });
+
+    it('should have contact links', () => {
+      render(<CasesPage />);
+      const contactLinks = screen.getAllByRole('link', { name: /联系我们|立即咨询/i });
+      expect(contactLinks.length).toBeGreaterThan(0);
+    });
+  });
+
+  describe('Accessibility', () => {
+    it('should have proper heading hierarchy', () => {
+      render(<CasesPage />);
+      const h1 = screen.getByRole('heading', { level: 1 });
+      expect(h1).toBeInTheDocument();
+    });
+  });
+});