小编Hom*_*oma的帖子

如何模拟反应自定义钩子返回值?

这是我的自定义钩子:

  export function useClientRect() {
    const [scrollH, setScrollH] = useState(0);
    const [clientH, setClientH] = useState(0);
    const ref = useCallback(node => {
      if (node !== null) {
        setScrollH(node.scrollHeight);
        setClientH(node.clientHeight);
      }
    }, []);
    return [scrollH, clientH, ref];
  }
}
Run Code Online (Sandbox Code Playgroud)

我希望每次调用它时,它都会返回我的值。喜欢:

jest.mock('useClientRect', () => [300, 200, () => {}]);
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?

reactjs jestjs react-testing-library react-hooks

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

如何在玩笑中模拟 ref 对象?

我有一个组件,它的一个 props 是对另一个元素的引用。Dom结构如下:

<div ref={tagRef}>text</div>
<Component tagRef={tagRef}/>
Run Code Online (Sandbox Code Playgroud)

我如何模拟 tagRef?

render(<Component tagRef={tagRef}/>)
Run Code Online (Sandbox Code Playgroud)

reactjs jestjs react-testing-library

8
推荐指数
0
解决办法
6445
查看次数