前端自动化测试框架Cypress（十五）--- 上传文件cypress-file-upload

安装插件cypress-file-upload

cmd进入项目根目录

npm install --save-dev cypress-file-upload

导入插件
在cypress/support/commands.js导入插件cypress-file-upload

import 'cypress-file-upload';

实例

/* Plain HTML input */

const yourFixturePath = 'data.json';
cy.get('[data-cy="file-input"]').attachFile(yourFixturePath);

/* Drag-n-drop component */

cy.get('[data-cy="dropzone"]').attachFile(yourFixturePath, { subjectType: 'drag-n-drop' });

/* 通过链接命令添加文件 */

const yourBestPicture = 'meow.png';
cy.get('[data-cy="file-input"]')
  .attachFile(yourFixturePath)
  .attachFile(yourBestPicture);

/* 指定文件编码 */

const weirdo = 'test.shp';
cy.get('[data-cy="file-input"]').attachFile({ filePath: weirdo, encoding: 'utf-8' });

/* 元素不可见时，聚焦{ force: true } */

cy.get('[data-cy="file-input"]').attachFile(yourFixturePath, { force: true });

/* 覆盖文件名 */

const data = 'test.json';
cy.get('[data-cy="file-input"]').attachFile({ filePath: data, fileName: 'users.json' });

/* 特殊处理fileContent */

const special = 'file.spss';
cy.fixtures(special, 'binary')
  .then(Cypress.Blob.binaryStringToBlob)
  .then((fileContent) => {
    cy.get('[data-cy="file-input"]').attachFile({ fileContent, filePath: special, encoding: 'utf-8' });
})

/* 使用fileContent时filePath非必传，但fileName和mimeType必传 */

const special = 'file.spss';
cy.fixtures(special, 'binary')
  .then(Cypress.Blob.binaryStringToBlob)
  .then((fileContent) => {
    cy.get('[data-cy="file-input"]').attachFile({ fileContent, fileName: 'special', mimeType: 'application/octet-stream', encoding: 'utf-8' });
})

更多系列文章：https://blog.csdn.net/qq_33676825