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

Question

I'm working on a React app, using Jest and Testing Library for my tests. I'd like to test what happens when the user clicks the browser's back button. Is that possible, and if so, how? I know I could use Cypress but I'd prefer to avoid adding that to my project.

Answer 1

If you're using React Router, first you need access to the history object in your test and then you can call history.goBack() .

There are a few options to get the history object:

1. From a custom route

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

2. Using createMemoryHistory

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