在对 React 组件进行单元测试时,我需要模拟我的自定义钩子。我读过一些关于这个简单任务的教程和 stackoverflow 答案,但没有运气正确地实现它。
我对单一测试最简单的设置如下:
// TestComponent.js
import React from "react";
import useTest from "./useTest";
const TestComponent = () => {
const { state } = useTest("initial_value");
return <div>{state}</div>;
};
export default TestComponent;
Run Code Online (Sandbox Code Playgroud)
// useTest.jsx - simple custom hook
import React, { useState } from "react";
const useTest = (initialState) => {
const [state] = useState(initialState);
return { state };
};
export default useTest;
Run Code Online (Sandbox Code Playgroud)
// TestComponent.test.jsx - my test case
import React from "react";
import { render } from …Run Code Online (Sandbox Code Playgroud)