如何正确获取cy.readFile()的值并实现测试时数字递增输入？

问题原因 #

你遇到的First [object Object]是因为Cypress命令是异步的，cy.readFile()返回的是Cypress链式命令对象，而非直接的文件内容，不能直接在模板字符串中插值使用。

正确实现代码 #

要实现测试运行时自动递增的数字输入，需通过Cypress的异步回调处理文件读写结果，代码如下：

// 读取当前数值，不存在则初始化为1
cy.readFile('cypress/fixtures/message.txt', { log: false }).then((currentValue) => {
  // 计算下一个递增数值
  const nextValue = currentValue ? parseInt(currentValue, 10) + 1 : 1;
  
  // 将新数值写入文件，持久化供下次使用
  cy.writeFile('cypress/fixtures/message.txt', nextValue.toString(), { log: false });
  
  // 使用递增后的数值填充输入框
  cy.get('[data-cy="firstname-input"]').type(`First ${nextValue}`);
});

关键细节说明 #

• 异步结果处理：通过.then()回调获取cy.readFile()的实际内容，这是Cypress处理异步操作的标准方式。
• 数值类型转换：读取到的文件内容是字符串，需用parseInt()转为数字后再递增，写入时转回字符串。
• 初始化兼容：首次运行时文件不存在，currentValue为undefined，此时默认初始化为1。
• 选择器修正：原代码中选择器少了闭合的]，修正为[data-cy="firstname-input"]避免选择失败。

内容的提问来源于stack exchange，提问作者Simon