如何在 Cypress 中上传文件?
rest assureddynamic programmingprogramming
我们可以在 Cypress 中上传文件。要在 Cypress 中执行文件上传任务，首先需要使用命令 − 安装一个插件。
npm ins tall –dev cypress-file-upload
安装完成后，需要在 Cypress 项目的 support 文件夹中的 command.js 文件中添加 import 'cypress-fileupload' 语句。另外，我们将在 Fixtures 文件夹中添加要上传的文件(Picture.png 文件)。
要上传文件，我们必须使用 Cypress 命令 attachmentFile，并将要上传的文件路径作为参数传递给它。
示例
实现
describe('Tutorialspoint Test', function () {
// 测试用例
it('Test Case6', function (){
//项目文件夹中待上传文件的路径
const p = 'Picture.png'
//启动 URL
cy.visit("https://the-internet.herokuapp.com/upload")
//使用附加文件上传文件
cy.get('#file-upload').attachFile(p)
//点击上传
cy.get('#file-submit').click()
//验证上传的文件
cy.get('#uploaded-files').contains('Picture')
});
});
执行结果
执行日志显示文件 Picture.png 已上传，文件名已反映在页面上。
