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@H_404_19@

 
项目导入插件
在 cypress/support/commands.js 文件下添加下面语句

require('cypress-downloadfile/lib/downloadFileCommand')@H_404_19@

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

const {downloadFile} = require('cypress-downloadfile/lib/addplugin')
module.exports = (on, config) => {
  on('task', {downloadFile})
}@H_404_19@

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

/// <reference types="cypress-downloadfile"/>@H_404_19@

 
命令源码

  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,
        })
    })
})@H_404_19@

通过 cy.task 完成下载文件的操作
暂时没搞懂这个 Cookie 有啥用
 
实际栗子
测试代码

 
运行结果

 
Console 查看命令

 
文件下载目录

如果文件夹不存在，则在 cypress 安装目录（和 cypress.json 同级目录）下生成一个文件夹
                
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。