iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
1
Modern Web

循序漸進學習 Javascript 測試系列 第 27

Day 27 測試 React 元件:測試 react-router

  • 分享至 

  • xImage
  •  

mock react-router<Redirect /> 元件是可行的,但這個做法可能存在一些缺陷,因為我們並不能確定使用者是不是確實 redirect 了。所以我們將使用 createMemoryHistory 來測試 react-router。

首先,先看 main.js 檔案:

main.js

function Main() {
  return (
    <div>
      <Link to="/">Home</Link>
      <Link to="/about">About</Link>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route component={NoMatch} />
      </Switch>
    </div>
  )
}

上一篇
Day 26 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 6
下一篇
Day 28 測試 React 元件:測試 Redux
系列文
循序漸進學習 Javascript 測試30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言