You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Cypress中使用forEach循环精简现有重复代码块

Cypress循环精简实现方案

你可以通过定义日期遍历数组、开关变量控制First/Last切换的方式精简重复代码,实现逻辑如下:

// 固定前置操作
cy.get('#button').click();
cy.get('#income-button').click();

// 定义需要遍历的所有日期顺序,和原代码执行顺序完全对齐
const dayList = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
// 定义切换开关,初始值为First
let toggleVal = 'First';

dayList.forEach((day, index) => {
  // 通用操作逻辑
  cy.contains('Starts on').click({force: true});
  cy.contains(toggleVal).click({force: true});
  // 根据原逻辑判断等待时间:前4次操作用50ms,后续用500ms
  cy.wait(index < 4 ? 50 : 500);
  cy.contains(day).click({force: true});
  // 切换下一次的取值
  toggleVal = toggleVal === 'First' ? 'Last' : 'First';
})

优化说明

  • 所有重复操作完全收拢到循环内,后续需要调整点击路径、等待时长、切换规则,只需要修改对应一处即可,无需批量修改重复代码
  • 日期顺序和原代码执行顺序完全一致,没有逻辑变更
  • 保留了原代码里所有{force: true}配置,和原有执行效果一致

内容的提问来源于stack exchange,提问作者Charlie Cook

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.02 23:09:04