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

如果想从头学起Cypress，可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

官方地址

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 同级目录)下生成一个文件夹