官方地址

https://github.com/Xvier/cypress-downloadfile

安装方式

npm

  1. npm install cypress-downloadfile

项目导入插件

在 cypress/support/commands.js 文件下添加下面语句

  1. require('cypress-downloadfile/lib/downloadFileCommand')


在 cypress/plugins/index.js 文件下写下面语句即可

  1. const {downloadFile} = require('cypress-downloadfile/lib/addPlugin')
  2. module.exports = (on, config) => {
  3.   on('task', {downloadFile})
  4. }

注意事项

如果测试文件中自动补全代码功能无法立即使用，可以在文件上方添加下面语句

  1. /// <reference types="cypress-downloadfile"/>

命令源码

  1. Cypress.Commands.add('downloadFile', (url, dir, fileName, userAgent) => {
  2.     return cy.getCookies().then(cookies => {
  3.         return cy.task('downloadFile', {
  4.             url: url,
  5.             directory: dir,
  6.             cookies: cookies,
  7.             fileName: fileName,
  8.             userAgent: userAgent,
  9.         })
  10.     })
  11. })
  • 通过 cy.task 完成下载文件的操作
  • 暂时没搞懂这个 Cookie 有啥用

实际栗子

测试代码

Cypress系列（99）- cypress-downloadfile 插件, downloadFile() 命令详解 - 图1

运行结果

Cypress系列（99）- cypress-downloadfile 插件, downloadFile() 命令详解 - 图2

Console 查看命令

Cypress系列（99）- cypress-downloadfile 插件, downloadFile() 命令详解 - 图3

文件下载目录

Cypress系列（99）- cypress-downloadfile 插件, downloadFile() 命令详解 - 图4
如果文件夹不存在，则在 cypress 安装目录（和 cypress.json 同级目录）下生成一个文件夹

https://www.cnblogs.com/poloyy/p/14095799.html