Cypress 上传 pdf 变空白页问题

在使用cypress 上传文件时,上传正常,但是,pdf一直空白的,翻边了资料也没找到原因。最后在一个不起眼的地方发现了问题所在。

错误的代码:

复制代码
    cy.fixture('CBKS.pdf').as('uploadFile')
    cy.get('.el-upload-dragger').selectFile('@uploadFile', {action: 'drag-drop'})

正确的代码:

复制代码
	cy.fixture('CBKS.pdf', null).as('uploadFile')
    cy.get('.el-upload-dragger').selectFile('@uploadFile', {action: 'drag-drop'})

问题就出在了 cy.fixture 的第二个参数,这玩意当上传的是pdf 时,必须传入 null。官方说明,对于以下类型,会自动识别encoding,其他的需要自己设置类型,不然会有错误。

复制代码
.json
.js
.coffee
.html
.txt
.csv
.png
.jpg
.jpeg
.gif
.tif
.tiff
.zip

官方解释:utf8 对于其他类型的文件,除非在 的第二个参数中指定,否则将默认读取它们cy.fixture()。您可以指定 null 编码以便将文件作为 Cypress.Buffer实例读取。

相关推荐
软弹6 分钟前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
YaHuiLiang9 分钟前
Ai Coding浪潮下的前端:“AI在左,裁员在右”
前端
雪碧聊技术17 分钟前
前端vue代码架子搭建
前端·javascript·vue.js·前端项目代码框架搭建
爱学习的程序媛18 分钟前
【Web前端】前端用户体验优化全攻略
前端·ui·交互·web·ux·用户体验
han_20 分钟前
JavaScript设计模式(二):策略模式实现与应用
前端·javascript·设计模式
x***r15124 分钟前
Notepad++ 8.6 安装教程:详细步骤+自定义安装路径(附注意事项)
linux·前端·javascript
Hilaku27 分钟前
为什么很多工作 5 年的前端,身价反而卡住了?🤷‍♂️
前端·javascript·面试
ai超级个体28 分钟前
前端下午茶:这 3 个网页特效建议收藏(送源码)
前端·three.js·threejs·网页设计·vibe coding·网页灵感·网页分享
维斯1828 分钟前
VueFlow 图自适应容器尺寸教程
前端
helloweilei28 分钟前
next/dynamic和React.lazy的区别
前端·next.js