自动化测试，让你上班拥有一杯咖啡的时间 | Day 12 - 如何下载档案

此系列文章会同步发文到个人部落格，有兴趣的读者可以前往观看喔。

在 E2E 测试中，不仅有选取元素，点选按钮，常常我们也需要下载档案或图片。今天要教大家在测试脚本中如何下载图片。

动手写程序

1. 输入 npm install --save -dev cypress-downloadfile 後，在 package.json 档可以看到 cypress-downloadfile
   

2. 在 cypress/command.js 中加上

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

   

3. 在 cypress/plugins/index.js 加上

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

   

4. 在测试脚本主要要写上

   describe('测试下载图片', function() {
     it("应该要可以下载图片", function () {
       cy.downloadFile('https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg',
               'cypress/fixtures/Download', 'example.jpg')
     })
   })
   

   
   

参考资料：

• https://docs.cypress.io/api/cypress-api/custom-commands#Parent-Commands