相关疑难解决方法(0)

使用 Jest 模拟 React 自定义钩子

在对 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)

mocking reactjs jestjs react-hooks

25
推荐指数
1
解决办法
3万
查看次数

标签 统计

jestjs ×1

mocking ×1

react-hooks ×1

reactjs ×1