前言
更多內容關注公眾號：自動化測試 To shre
cypress-file-upload插件使得文件上傳測試變得簡單。這個包添加了一個定制的Cypress命令，允許您對如何通過HTML控件上傳文件進行抽象，並將重點放在測試用戶工作流上。
1.官方地址
下載地址:
https://github.com/abramenal/cypress-file-upload
插件使用詳情可查考：
https://www.npmjs.com/package/cypress-file-upload#it-isnt-working-what-else-can-i-try
2.安裝插件
npm
npm install --save-dev cypress-file-upload 3.導入插件
您需要將其添加cypress/support/commands.js如下
import 'cypress-file-upload'; 然后，確保將commands.js其導入cypress/support/index.js（可能會被注釋）：
import './commands' ; 4.使用發法
通常的做法是將Cypress測試所需的所有文件放在Cypress/fixtures文件夾中。
例如:新建test.txt文件
測試demo
/** * Create by dell on 2021/3/20 * Author ：wencheng * 微信公眾 ：自動化測試 To share * */ describe('file_upload_test',function () { beforeEach(() => { cy.login_auto() }) it('upload', function() { /* ==== Generated with Cypress Studio ==== */ cy.visit('/zentao/qa/'); cy.get('[data-id="bug"] > a').click(); cy.get('p > .btn').click(); /* ==== End Cypress Studio ==== */ cy.get("input[type='file']").attachFile('test.txt'); }); }) 運行結果上傳成功
5.注意事項
1.定位上傳文件的dom
切記定位的是 input[type='file']
2.上傳文件內容不能為空
當上傳文件內容為空時，文件上傳失敗我們通過debug看下。
未觸發文件上傳
觸發文件上傳會預加載file內容
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家的支持。