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

相关推荐
季春二九10 分钟前
Edge 卸载工具 | 版本号1.0 | 专为彻底卸载Microsoft Edge设计
前端·microsoft·edge·edge 卸载工具
雨过天晴而后无语10 分钟前
HTML中JS监听输入框值的即时变化
前端·javascript·html
座山雕~13 分钟前
html 和css基础常用的标签和样式(2)-css
前端·css·html
一勺菠萝丶16 分钟前
为什么 HTTP 能访问,但 HTTPS 却打不开?——Nginx SSL 端口配置详解
前端
4Forsee26 分钟前
【Android】消息机制
android·java·前端
不爱说话郭德纲26 分钟前
UniappX不会运行到鸿蒙?超超超保姆级鸿蒙开发生成证书以及配置证书步骤
前端·uni-app·harmonyos
Olafur_zbj29 分钟前
【IC】NoC设计入门 -- 网络接口NI Slave
前端·javascript·php
IT_陈寒33 分钟前
React性能优化:10个90%开发者不知道的useEffect正确使用姿势
前端·人工智能·后端
赵小川36 分钟前
告别“切图仔”?我用一个神器,让Figma设计稿自动生成前端代码!
前端
Apifox36 分钟前
如何在 Apifox 中使用 OpenAPI 的 discriminator?
前端·后端·测试