如何使用 jest 和（react-）testing-library 測試瀏覽器后退按鈕的行為？

Question

我正在開發一個 React 應用程序，使用 Jest 和測試庫進行我的測試。 我想測試當用戶單擊瀏覽器的后退按鈕時會發生什么。 這可能嗎，如果可以，怎么做？ 我知道我可以使用 Cypress，但我寧願避免將其添加到我的項目中。

Answer 1

如果您使用的是 React Router，首先您需要訪問測試中的 history 對象，然后您可以調用history.goBack() 。

有幾個選項可以獲取歷史對象：

1. 從自定義路線

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

2. 使用 createMemoryHistory

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