如何嘲笑ref对象？

Question

我有一个组件，它的一个道具是对另一个元素的引用。 Dom结构如下：

<div ref={tagRef}>text</div>
<Component tagRef={tagRef}/>

如何嘲笑tagRef？

render(<Component tagRef={tagRef}/>)

Answer 1

https://github.com/reactjs/reactjs.org/issues/1035

需要disable jest typescript diagnostics然后可以使用：

const tagRef = {current: {scrollHeight: 100, clientHeight: 200}};