v6版本路由测试覆盖率提升

在React Router v6升级过程中，路由测试覆盖率的提升是确保应用稳定性的重要环节。v6版本移除了Switch组件，改为使用Routes，并引入了useNavigate等新API，这些变化对测试策略提出了新的要求。

首先，在升级后需要重构现有的路由测试用例。对于v6中的Routes组件，可以使用以下方式创建测试用例：

import { render, screen } from '@testing-library/react';
import { MemoryRouter, Routes, Route } from 'react-router-dom';

it('should render home page', () => {
  render(
    <MemoryRouter initialEntries={['/']}>
      <Routes>
        <Route path='/' element={<HomePage />} />
      </Routes>
    </MemoryRouter>
  );
  expect(screen.getByText('Home')).toBeInTheDocument();
});

其次，针对新的useNavigate Hook，需要创建专门的测试用例：

import { render, fireEvent } from '@testing-library/react';
import { MemoryRouter } from 'react-router-dom';

it('should navigate on button click', () => {
  const { getByText } = render(
    <MemoryRouter>
      <TestComponent />
    </MemoryRouter>
  );
  
  fireEvent.click(getByText('Go to About'));
  // 验证导航行为
});

为了提升测试覆盖率，建议使用coverage工具配置，并添加以下测试场景：