官方地址
https://github.com/Xvier/cypress-downloadfile
安装方式
npm
npm install cypress-downloadfile
项目导入插件
在 cypress/support/commands.js 文件下添加下面语句
require('cypress-downloadfile/lib/downloadFileCommand')
在 cypress/plugins/index.js 文件下写下面语句即可
const {downloadFile} = require('cypress-downloadfile/lib/addPlugin')
module.exports = (on, config) => {
on('task', {downloadFile})
}
注意事项
如果测试文件中自动补全代码功能无法立即使用,可以在文件上方添加下面语句
/// <reference types="cypress-downloadfile"/>
命令源码
Cypress.Commands.add('downloadFile', (url, dir, fileName, userAgent) => {
return cy.getCookies().then(cookies => {
return cy.task('downloadFile', {
url: url,
directory: dir,
cookies: cookies,
fileName: fileName,
userAgent: userAgent,
})
})
})
- 通过 cy.task 完成下载文件的操作
- 暂时没搞懂这个 Cookie 有啥用
实际栗子
测试代码
运行结果
Console 查看命令
文件下载目录
如果文件夹不存在,则在 cypress 安装目录(和 cypress.json 同级目录)下生成一个文件夹