iT邦幫忙

2021 iThome 鐵人賽

DAY 12
0
Software Development

你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress系列 第 12

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

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。

在 E2E 測試中,不僅有選取元素,點選按鈕,常常我們也需要下載檔案或圖片。今天要教大家在測試腳本中如何下載圖片。

動手寫程式

  1. 輸入 npm install --save -dev cypress-downloadfile 後,在 package.json 檔可以看到 cypress-downloadfile
    https://ithelp.ithome.com.tw/upload/images/20210926/20140883FtOmPkfxk8.png

  2. 在 cypress/command.js 中加上

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

    https://ithelp.ithome.com.tw/upload/images/20210926/20140883zp5qRtaJvr.png

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

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

    https://ithelp.ithome.com.tw/upload/images/20210926/20140883NBC2YMbFEV.png

  4. 在測試腳本主要要寫上

    describe('測試下載圖片', function() {
      it("應該要可以下載圖片", function () {
        cy.downloadFile('https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg',
                'cypress/fixtures/Download', 'example.jpg')
      })
    })
    

    https://ithelp.ithome.com.tw/upload/images/20210926/20140883dWoySbkPnf.png
    https://ithelp.ithome.com.tw/upload/images/20210926/20140883lqjJTvHKp2.png

參考資料:


上一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 11 - 如何合併測試報告
下一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 13 - 動態跳過測試用例
系列文
你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress30

尚未有邦友留言

立即登入留言