我正在测试 React Dropzone,需要检查 onDrop 函数。该函数有两个参数(acceptedFiles 和 rejectedFiles)。我像这样模拟文件:
let image = {
name: 'cat.jpg',
size: 1000,
type: 'image/jpeg'
};
然后在我的测试中,我这样做:
it('should call handleOnDrop with more than 5 acceptedFiles', () => {
const wrapper = mount(mockComponent());
for (let index = 0; index < 5; index++) {
images.push(image);
}
wrapper.find(Dropzone).simulate('drop', { dataTransfer: { files: images } });
expect(setUserNotificationsSpy).toHaveBeenCalledTimes(1);
});
这是我的 onDrop 函数:
const handleOnDrop = (acceptedFiles, rejectedFiles) => {
if (rejectedFiles && rejectedFiles.length) {
checkMaxFile(rejectedFiles, maxSize) && setUserNotifications('error_big_image');
}
acceptedFiles && acceptedFiles.length <= maxFiles ? onDrop(acceptedFiles) : setUserNotifications('more_than_5');
};
预期结果是handleOnDrop返回acceptedFiles,但它返回了rejectedFiles,我不知道为什么。MIME类型和大小都没问题。
这是来自react-dropzone的函数:
fileAccepted(file) {
// Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
// that MIME type will always be accepted
return file.type === 'application/x-moz-file' || accepts(file, this.props.accept);
}
谢谢。