如何在React中测试在onClick之后获得页面重定向的next/link (Nextjs)？

在React中测试在onClick之后获得页面重定向的next/link (Next.js)，可以按照以下步骤进行：

首先，确保你已经安装了所需的测试库，包括Jest和React Testing Library。
创建一个测试文件，命名为YourComponent.test.js，其中YourComponent是你要测试的组件名称。
在测试文件中，导入所需的依赖项和组件：

import { render, fireEvent } from '@testing-library/react';
import YourComponent from './YourComponent';

编写测试用例，使用render函数渲染组件，并模拟点击事件：

test('should redirect after onClick', () => {
  const { getByText } = render(<YourComponent />);
  const button = getByText('Click Me');
  fireEvent.click(button);
});

在测试用例中，使用fireEvent.click模拟点击事件后，可以通过断言来验证页面是否发生了重定向。由于你在测试中使用了next/link组件，可以使用jest.mock来模拟next/link的行为：

import { useRouter } from 'next/router';

jest.mock('next/router', () => ({
  useRouter: jest.fn(),
}));

test('should redirect after onClick', () => {
  const pushMock = jest.fn();
  useRouter.mockImplementation(() => ({
    push: pushMock,
  }));

  const { getByText } = render(<YourComponent />);
  const button = getByText('Click Me');
  fireEvent.click(button);

  expect(pushMock).toHaveBeenCalledWith('/your-redirect-url');
});

在上述代码中，我们使用jest.mock来模拟next/router的行为，并使用useRouter来返回一个包含push函数的对象。然后，我们使用pushMock来验证push函数是否被调用，并传递了正确的重定向URL。

运行测试命令，检查测试结果是否符合预期。

总结：以上是在React中测试在onClick之后获得页面重定向的next/link (Next.js)的方法。在测试中，我们使用了Jest和React Testing Library来模拟点击事件和验证页面重定向。通过模拟next/link的行为，我们可以测试组件在点击事件后是否正确地进行页面重定向。