如何使用 jest 和 (react-) testing-library 测试浏览器后退按钮的行为？

Question

我正在开发一个 React 应用程序，使用 Jest 和 Testing Library 进行测试。我想测试当用户单击浏览器的后退按钮时会发生什么。这可能吗？如果可以，怎么做？我知道我可以使用 Cypress，但我不想将其添加到我的项目中。

Answer 1

如果您使用 React Router，首先您需要访问测试中的历史对象，然后您可以调用 history.goBack()。

有几个选项可以获取历史对象：

1. From a custom route

<Route
  path="*"
  render={props => {
     history = props.history;
     location = props.location;
     return null;
  }}
/>

1. Using createMemoryHistory

import { createMemoryHistory } from 'history'
...
const history = createMemoryHistory()
...
<Router history={history}>