Cypress文件上传重名问题：如何添加文件名生成器？

针对你的场景，无需生成实际的不同物理文件，只要在上传时动态修改文件名就能绕过系统的同名检测，以下是几个基于cypress-file-upload插件的实用方案：

方案一：时间戳生成唯一文件名 #

用毫秒级时间戳作为前缀，确保每次上传的文件名绝对唯一，实现最简单：

cy.log('File Upload');
// 生成唯一文件名：时间戳 + 原文件名
const uniqueFileName = `${Date.now()}_pic.jpg`;
// 通过attachFile的对象参数指定原文件路径和新文件名
cy.get('input[type="file"]').attachFile({
  filePath: 'pic.jpg', // 项目中测试文件的实际路径
  fileName: uniqueFileName // 上传时系统识别的唯一文件名
});
cy.get('webmarker').click();

方案二：随机字符串生成唯一文件名 #

如果觉得时间戳太长，可用短随机字符串作为后缀，同样能保证唯一性：

cy.log('File Upload');
// 生成8位随机字母数字组合
const randomStr = Math.random().toString(36).substring(2, 10);
const uniqueFileName = `pic_${randomStr}.jpg`;
cy.get('input[type="file"]').attachFile({
  filePath: 'pic.jpg',
  fileName: uniqueFileName
});
cy.get('webmarker').click();

方案三：自定义前缀+递增编号（适用于批量测试） #

如果是在测试套件中执行批量用例，可结合计数器生成文件名，方便追溯测试记录：

// 在测试套件外部定义计数器
let uploadCounter = 0;

// 测试用例内部使用
cy.log('File Upload');
uploadCounter++;
const uniqueFileName = `pic_test_${uploadCounter}.jpg`;
cy.get('input[type="file"]').attachFile({
  filePath: 'pic.jpg',
  fileName: uniqueFileName
});
cy.get('webmarker').click();

关键说明 #

cypress-file-upload的attachFile方法支持传入对象参数：filePath指向你本地的测试文件，fileName是上传到系统时显示的文件名——这样不用创建多个物理文件，就能轻松绕过同名检测，完全适配你的需求。

内容的提问来源于stack exchange，提问作者Mr.M