自動化測試，讓你上班擁有一杯咖啡的時間 | Day 12 — 如何下載檔案

此系列文章會同步發文到13th鐵人賽，有興趣的讀者可以前往觀看喔。

在 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