upload测试报错

来源：10-14 拖动事件怎样测试？ - Upload 测试第二部分

小蝉儿

2022-03-27

图片描述

由于版本问题，有时候会出现一些视频中没有的问题，百度无果，辛苦老师帮忙解答。git地址：https://git.imooc.com/duting/react-ts.git

写回答

1回答

张轩

2022-03-28

同学你好

几个问题，第一是 loading 的测试

// 39 行
expect(screen.getByText('spinner')).toBeInTheDocument()
// 目前没法测试 onUploadProgress 的状态，所以这里是会报错的，找不到对应的节点。
// 可以注释掉这行，或者修改模版
{(item.status === 'uploading' || item.status === 'ready') && <Icon icon="spinner" spin theme="primary" />}

第二个问题：后面的回调测试

expect(testProps.onSuccess).toHaveBeenCalledWith('cool', expect.objectContaining({
    raw: testFile,
    status: 'success',
    name: 'test.png'
}))
// 后面是没法通过的
updateFileList(_file, { status: 'success', response: res.data })
if (onSuccess) {
    onSuccess(res.data,_file)
}
因为updateFileList 是异步的， 这里面你测试的 _file 还没有更新，这里你或者像我的代码中，只测试 file，
或者将_file它的数据，手动更新一下
// 后面的一些回调的测试是同理的

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2128 学习 · 959 问题

查看课程

相似问题

upload测试

回答 1

请问老师upload一直报错act

回答 2

upload 拖动事件测试无法通过报错：“TypeError: Cannot read property 'then' of undefined”

回答 1

upload测试无法通过

回答 2

在测试button时 App.test.tsx 报错

回答 2

打开慕课网App查看更多内容