您可以在以下代码框中重现该问题:
作为示例,我制作了一个组件,该组件使用以下代码在每次单击表单按钮时获取随机图像:
import { Button } from "antd";
...
class ContinuousMemeDeliveryApi extends React.Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
static defaultProps = { getImage };
state = { image: images[0], random: 0 };
handleClick = async e => {
e.preventDefault();
const { data } = await this.props.getImage();
this.setState({ image: data.image, random: data.random });
};
...
render() {
return (
<form onSubmit={this.handleClick}>
<Button htmlType="submit">Click Me</Button>
...
</form>
);
}
这按预期工作,我制作了以下代码来测试实现:
test("loads random memes on click", async () => {
const mockGetImage = jest.fn(() =>
Promise.resolve({ data: { image: "testImage.jpg" } })
);
const { getByText } = render(
<ContinuousMemeDeliveryApi getImage={mockGetImage} />
);
const clickMeButton = getByText(/click/i);
fireEvent.click(clickMeButton);
// @TODO: fix assertion
expect(mockGetImage).toHaveBeenCalledTimes(1);
});
但是,测试失败并显示以下错误消息:
expect(jest.fn()).toHaveBeenCalledTimes(1)
Expected mock function to have been called one time, but it was called zero times.
关于为什么失败的任何想法?