我是 NextJS 环境的初学者,我正在从常见的 ReactJS 迁移应用程序。这是对另一个页面的链接的简单测试。那么,我应该如何重构我的测试?
*我正在使用 Jest 和测试库。
// My current code in ReactJS
test('Should go to Post page', () => {
const post = mockPostModel()
const history = createMemoryHistory({ initialEntries: ['/'] })
render(
<Router history={history}>
<BlogPost post={post} />
</Router>
)
fireEvent.click(screen.getByTestId('link'))
expect(history.location.pathname).toBe(`/post/${post.title}`)
})
最佳答案
为了能够使用 jsdom 呈现您的 Next.js 页面,您可以使用 next-page-tester .这是一个相当新的库,所以文档并不多,也不是所有东西都受支持,但 README 中有一个使用示例。
另一种选择是使用端到端测试而不是 jsdom。这是一个较慢的选择,但一切都会正确呈现。
关于reactjs - 如何使用 Next JS 中的链接测试路由?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66003556/