如何在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
相关产品推荐
相关产品推荐

