如何解决对使用效果中嵌套异步调用的反应测试
我是反应测试的新手,并试图模拟反应钩子,但我在某些地方失败了。我不知道在哪里。
我有一个简单的反应组件,它使用反应 UseEffect。我无法使用异步笑话模拟来测试它。我在方法上的不足之处?
// my Componenet.tsx
const DImage = ({
fetchImage,style,isDiv,defaultimage,...props
}: CompProps) => {
const [image,setimage] = useState<any>(defaultimage);
useEffect(() => {
fetchImage()
.then((response: any) => response.blob())
.then((data: any) => {
try {
const objectURL = URL.createObjectURL(data);
setimage(objectURL);
} catch (ex) {}
});
},[]);
if (isDiv) {
return (
<div
style={{ ...style,backgroundImage: `url('${image}')` }}
{...props}
/>
);
}
return <img src={image} style={style} {...props} />;
};
export default DImage;
// test.tsx
import React from 'react';
import DImage from './DynamicImage';
import { mount,ReactWrapper } from 'enzyme';
let dImage: ReactWrapper<any>;
describe('Button',() => {
beforeAll(() => {
fetchImage = jest.fn(async () => jest.fn(() => 'someValue'))
dImage = mount(
<DImage fetchImage={fetchImage} />
);
});
it('should be defined',() => {
expect(dImage).tobedefined();
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。