Cypress使用attach file函数无法上传图片问题求助

• 优先使用Cypress官方内置selectFile方法（9.3.0+版本支持），无需引入第三方cypress-file-upload依赖，兼容性更强。示例代码如下：

// 定位到原生 <input type="file"> 标签，不要定位外层的按钮/容器元素
// 若input标签为隐藏状态，添加 {force: true} 强制触发操作
cy.get('input[type="file"]')
  .selectFile('cypress/fixtures/测试图片.png', { force: true })

• 如果你仍要使用attachFile方法，需先确认两点：
  1. 已正确安装cypress-file-upload依赖，且在cypress/support/commands.js中完成导入：import 'cypress-file-upload'
  2. 测试图片存放在cypress/fixtures目录下，填写路径时如果是子目录要补全路径，比如存放在fixtures/images下则写images/测试图片.png
     正确示例代码：

  cy.get('input[type="file"]')
    .attachFile('测试图片.png', { force: true })
  

• 注意：所有上传操作的定位目标必须是原生的input[type="file"]标签，定位外层的UI按钮、容器元素都会触发失败。

提问关联片段 #

UI上传界面 #

HTML标签 #

VS Code代码 #

内容的提问来源于stack exchange，提问作者Sai Krupa Peraka