cypress 自动化测试（文件上传）

wencheng

发布于 2021-03-29 16:52:52

2.1K0

发布于 2021-03-29 16:52:52

文章被收录于专栏：python 自动化测试

前言

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');
    });
})

运行结果上传成功