我是 JEST 的新手,目前正在测试一个 Javascript 组件,该组件在其 onComponentDidMount 中进行 API 调用。根据 ajax 调用(api 调用)的返回数据,我的组件要么显示一个表格,要么显示一个简单的文本。
我的 JEST 测试相当简单,目前我只是测试以匹配当前的快照。因此,由于我的 api 调用可以返回不同的数据,因此我的快照可以有两个不同的方面:1) 一个带有表格 2) 一个带有简单的文本。
我成功地嘲笑了这样的服务
jest.mock("/myService", () => ({
index: (data, callback) => {
const return = [
{
{...}
},
]
callback(return)
},
}))
我的组件myService.index()
正确执行调用,我希望将不同的值传递给它,这些值将用于进行回调。
这是它的样子
it("has proper snapshot", () => {
const props = {...}
const component = shallow(<MyComponent {...props} />)
expect(component).toMatchSnapshot()
})
这对第一个例子很有用,但我似乎找不到适合我的正确答案。你能帮助我吗 ?:)