19、自定义 Hooks 测试与 React 类组件迁移指南

自定义 Hooks 测试与 React 类组件迁移指南

1. 自定义计数器 Hook 及其测试

首先，我们定义一个简单的计数器 Hook，包含增加计数和重置计数的功能。以下是相关代码：

// 定义增加计数函数
function increment() {
    setCount((count) => count + 1)
}
// 定义重置计数函数
function reset() {
    setCount(initialCount)
}
// 返回当前计数和两个函数
return { count, increment, reset }

接下来，我们要为这个计数器 Hook 编写单元测试，具体步骤如下：
1. 创建一个新的 src/hooks/counter.test.js 文件。
2. 在文件中导入必要的函数：

import { describe, test, expect } from 'vitest'
import { renderHook, act } from '@testing-library/react'
import { useCounter } from './counter.js'

3. 使用 describe 函数定义一组测试：