Cypress中getAllByTestId是否支持设置自定义timeout超时值？

这个需求完全可以实现，Cypress的所有查询类命令默认自带自动重试机制，无需使用硬等待cy.wait，仅通过配置自定义超时参数即可达到相同的等待上限效果，且只要断言提前满足就会立刻执行后续逻辑，执行效率远高于硬等待。

具体实现方式 #

你可以直接给需要等待的查询命令传入timeout参数，单位为毫秒，示例修改后的代码如下：

// 给外层查询设置20秒超时，Cypress会自动重试查询直到后续断言满足，或达到20秒才抛出错误
cy.getAllByTestId('test-field-one', { timeout: 20 * 1000 })
  .first()
  .within(() => cy.getByTestId('test-field-two'))
  .should('contain', 'test');

如果加载慢的是within内部的test-field-two元素，也可以把超时参数加在内层的查询命令上：

cy.getAllByTestId('test-field-one')
  .first()
  .within(() => cy.getByTestId('test-field-two', { timeout: 20 * 1000 }))
  .should('contain', 'test');

额外说明 #

• Cypress命令默认超时为4000毫秒（4秒），如果你需要全局修改所有命令的默认超时，可以在cypress.config.js配置文件中修改defaultCommandTimeout配置项，不过一般更推荐仅给需要长等待的单个命令单独设置超时，避免全局超时过长拖慢其他用例的报错效率。
• 超时时间是命令的最大等待时长，只要对应的元素出现、断言提前通过，命令就会立刻结束等待往下执行，不会像硬等待一样必须等满设置的时长。

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