下面是我的代码,它提供了一个工具提示,可以在MouseOver和Mouse Out display: none
上切换CSS属性display: block
.
it('should show and hide the message using onMouseOver and onMouseOut events respectively', () => {
const { queryByTestId, queryByText } = render(
<Tooltip id="test" message="test" />,
)
fireEvent.mouseOver(queryByTestId('tooltip'))
expect(queryByText('test')).toBeInTheDocument()
fireEvent.mouseOut(queryByTestId('tooltip'))
expect(queryByText('test')).not.toBeInTheDocument()
cleanup()
})
我一直收到错误类型错误:expect(…).toBeInTheDocument不是一个函数
有人知道为什么会这样吗?我的其他呈现和快照组件的测试都按预期进行.queryByText和queryByTestId也是如此.