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实例读取。

相关推荐
xjt_09015 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农5 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king6 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
夏幻灵7 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_7 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝7 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions7 小时前
2026年,微前端终于“死“了
前端·状态模式
万岳科技系统开发7 小时前
食堂采购系统源码库存扣减算法与并发控制实现详解
java·前端·数据库·算法
程序员猫哥_7 小时前
HTML 生成网页工具推荐:从手写代码到 AI 自动生成网页的进化路径
前端·人工智能·html
龙飞057 小时前
Systemd -systemctl - journalctl 速查表:服务管理 + 日志排障
linux·运维·前端·chrome·systemctl·journalctl