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

相关推荐
waterHBO5 分钟前
直接从图片生成 html
前端·javascript·html
互联网搬砖老肖37 分钟前
React组件(一):生命周期
前端·javascript·react.js
我科绝伦(Huanhuan Zhou)42 分钟前
深入解析Shell脚本编程:从基础到实战的全面指南
前端·chrome
小马哥编程44 分钟前
React和Vue在前端开发中, 通常选择哪一个
前端·vue.js·react.js
aklry1 小时前
uniapp实现在线pdf预览以及下载
前端·pdf·uni-app
℘团子এ1 小时前
vue3中预览Excel文件
前端·javascript
shmily麻瓜小菜鸡2 小时前
在 Angular 中, `if...else if...else`
前端·javascript·angular.js
bloglin999992 小时前
npm和nvm和nrm有什么区别
前端·npm·node.js
2501_910227543 小时前
web3 前端常见错误类型以及错误捕获处理
前端·web3
哎哟喂_!3 小时前
Node.js 同步加载问题详解:原理、危害与优化策略
前端·chrome·node.js