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

相关推荐
Enti7c几秒前
css定位
前端·css
zy01010130 分钟前
useEffect
开发语言·前端·javascript·react·useeffect
@PHARAOH33 分钟前
WHAT - React 进一步学习推荐
前端·学习·react.js
kovlistudio35 分钟前
红宝书第四十讲:React 核心概念:组件化 & 虚拟 DOM 简单教程
开发语言·前端·javascript·学习·react.js·前端框架
巴巴_羊1 小时前
React Redux
开发语言·前端·javascript
Mintopia1 小时前
Node.js 中的this
前端·javascript·node.js
Mike_jia1 小时前
一篇文章带你了解一款强大的开源跨平台远程桌面管理工具---XPipe
前端·开源
._Ha!n.1 小时前
React基础知识一
前端·react.js
Mintopia1 小时前
深入理解 Three.js 中 Shader 的使用及示例
前端·javascript·three.js
睡觉zzz1 小时前
React写ai聊天对话,如何实现聊天makedown输出转化
前端·人工智能·react.js