React Hooks测试库( Testing Library)
made with React

React Hooks测试库( Testing Library)是一个🐏简单而完整的React Hooks测试工具。

React Hooks测试库让用户可以为React钩子创建简单的测试工具，自定义钩子的输入和检索输出，以处理在功能组件体内运行的情况。

使用React Hooks，用户不必为了测试而去担心如何构造、渲染或与react组件交互等等，直接使用该钩子就能得到结果。

安装

Npm

npm i --save-dev @testing-library/react-hooks

Yarn

yarn add --dev @testing-library/react-hooks

使用

useCounter.js文件

import { useState, useCallback } from 'react'

function useCounter() {
  const [count, setCount] = useState(0)

  const increment = useCallback(() => setCount((x) => x + 1), [])

  return { count, increment }
}

export default 

useCounter.test.js文件

import { renderHook, act } from '@testing-library/react-hooks'
import useCounter from './useCounter'

test('should increment counter', () => {
  const { result } = renderHook(() => useCounter())

  act(() => {
    result.current.increment()
  })

  expect(result.current.count).toBe(1)
})