Cypress 简明教程
Cypress - File Upload
要在 Cypress 中执行文件上传任务,我们必须首先使用下面提到的命令安装一个插件:
npm install –dev cypress-file-upload
以下屏幕将出现在您的计算机上:
安装完成后,我们必须在 command.js 文件中添加语句 import 'cypress-file-upload'。此文件位于 Cypress 项目中 support 文件夹内。
另外,我们还应将要上传到 fixtures 文件夹(Picture.png 文件)中的文件添加在内。将显示以下屏幕 −
要上传文件,我们必须使用 Cypress 命令 attachFile,并将要上传的文件路径作为参数传递给它。
Implementation
在 Cypress 中上传文件的命令实现方式如下 −
describe('Tutorialspoint Test', function () {
// test case
it('Test Case6', function (){
//file to be uploaded path in project folder
const p = 'Picture.png'
// launch URL
cy.visit("https://the-internet.herokuapp.com/upload")
//upload file with attachFile
cy.get('#file-upload').attachFile(p)
//click on upload
cy.get('#file-submit').click()
//verify uploaded file
cy.get('#uploaded-files').contains('Picture')
});
});
Execution Results
输出如下 −
执行日志显示,Picture.png 文件已上传,文件名称已反映在页面上。