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

React Hooks测试库( Testing Library)

这是一个React Hooks测试工具。

相关问答
暂无相关问题
查看全部
简介及使用教程

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)
})
作者

Michael Peyper

相关项目

这是一个HTML文档head管理工具。
这是React的用于响应式设计的媒体查询组件。
这是一个React组件的轻型按键包装。
这是一个将React组件渲染到Sketch的工具。
这是一个可以在React中构建表单的组件。
这是一个React组件的屏幕快照测试工具。