iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
1
Modern Web

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

Day 29 測試 React 元件:測試 React Hook

我們的範例是一個自己做的 hook 叫做 useCounter ,要來驗證它的 incrementdecrement function 會正確地更新 count 這個 state。

use-counter.js

import React from 'react'

function useCounter({initialCount = 0, step = 1} = {}) {
  const [count, setCount] = React.useState(initialCount)
  const increment = () => setCount(c => c + step)
  const decrement = () => setCount(c => c - step)
  return {count, increment, decrement}
}

export {useCounter}

P.S.等鐵人賽結束,要回來補好多東西 QQ


上一篇
Day 28 測試 React 元件:測試 Redux
下一篇
Day 30 結束才是開始,參賽反思與改進
系列文
循序漸進學習 Javascript 測試30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言