执行是否在赛普拉斯中循环

发布于 2025-02-09 12:13:22 字数 24114 浏览 1 评论 0原文

我有以下方法。我希望IF语句中的所有内容重复执行，直到常数“ OneMonth”中的内容变为真，直到柏树在页面中找到特定日期（使用date-fns库，而'OneMonth'存储日期超过30比当天晚的日子）。

如果可以的话，该陈述如何重复几次，而不仅仅是一次，我该如何构架？

    const today = new Date();
    var featureDay = format ( addDays (today, 30), "MMMM dd")

    cy.get('.calendar-row').then(($el) => {
        const oneMonth = $el.text().includes(featureDay)
        if(!oneMonth){
            cy.intercept('APILINK*').as('next')
            cy.contains('Next week').click();
            cy.wait('@next')
        }
    })

HTML代码

<div class="box select-box">
   <h3 class="subtitle subtitle-create-account">Select an appointment date &amp; time</h3>
   <p><i class="text-note">These are the current remaining availabilities.</i></p>
   <div class="row">
      <div class="col-lg-12 col-xs-12 form-row head-calendar">
         <div class="head-selected-week"> June 22 - June 25 </div>
         <div class="wrap-navigation"><a class="nav-link disabled" href="javascript:void(0)" ng-reflect-klass="nav-link" ng-reflect-ng-class="[object Object]"><i class="material-icons">arrow_back</i><span>Previous week</span></a><a class="nav-link next" href="javascript:void(0)" ng-reflect-klass="nav-link next" ng-reflect-ng-class="[object Object]"><span>Next week</span><i class="material-icons">arrow_forward</i></a></div>
      </div>
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-for-of": "[object Object],[object Object"
         }-->
      <div class="col-lg-12 col-xs-12 form-row calendar-row ng-star-inserted">
         <h4 class="cal-row-date">Thursday, June 23</h4>
         <!--bindings={
            "ng-reflect-ng-for-of": "[object Object],[object Object"
            }-->
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:45 PM </span></label></div>
         <!--bindings={
            "ng-reflect-ng-if": "false"
            }-->
      </div>
      <div class="col-lg-12 col-xs-12 form-row calendar-row ng-star-inserted">
         <h4 class="cal-row-date">Friday, June 24</h4>
         <!--bindings={
            "ng-reflect-ng-for-of": "[object Object],[object Object"
            }-->
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:45 PM </span></label></div>
         <!--bindings={
            "ng-reflect-ng-if": "false"
            }-->
      </div>
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-if": "false"
         }-->
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-if": "false"
         }-->
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-if": "false"
         }-->
   </div>
</div>

我希望我能为您提供所有必要的细节。谢谢你！

原文

I have the method below. I want everything inside the if statement to execute repeatedly, until what is inside the constant 'oneMonth' becomes true, until Cypress finds a specific date in the page (date-fns library is used, and 'oneMonth' stores the date more than 30 days later than the current day).

How can I frame this if so that the statement repeats several times, and not just once, as it does now?

    const today = new Date();
    var featureDay = format ( addDays (today, 30), "MMMM dd")

    cy.get('.calendar-row').then(($el) => {
        const oneMonth = $el.text().includes(featureDay)
        if(!oneMonth){
            cy.intercept('APILINK*').as('next')
            cy.contains('Next week').click();
            cy.wait('@next')
        }
    })

HTML CODE

<div class="box select-box">
   <h3 class="subtitle subtitle-create-account">Select an appointment date & time</h3>
   <p><i class="text-note">These are the current remaining availabilities.</i></p>
   <div class="row">
      <div class="col-lg-12 col-xs-12 form-row head-calendar">
         <div class="head-selected-week"> June 22 - June 25 </div>
         <div class="wrap-navigation"><a class="nav-link disabled" href="javascript:void(0)" ng-reflect-klass="nav-link" ng-reflect-ng-class="[object Object]"><i class="material-icons">arrow_back</i><span>Previous week</span></a><a class="nav-link next" href="javascript:void(0)" ng-reflect-klass="nav-link next" ng-reflect-ng-class="[object Object]"><span>Next week</span><i class="material-icons">arrow_forward</i></a></div>
      </div>
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-for-of": "[object Object],[object Object"
         }-->
      <div class="col-lg-12 col-xs-12 form-row calendar-row ng-star-inserted">
         <h4 class="cal-row-date">Thursday, June 23</h4>
         <!--bindings={
            "ng-reflect-ng-for-of": "[object Object],[object Object"
            }-->
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:45 PM </span></label></div>
         <!--bindings={
            "ng-reflect-ng-if": "false"
            }-->
      </div>
      <div class="col-lg-12 col-xs-12 form-row calendar-row ng-star-inserted">
         <h4 class="cal-row-date">Friday, June 24</h4>
         <!--bindings={
            "ng-reflect-ng-for-of": "[object Object],[object Object"
            }-->
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:00 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:15 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:30 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 11:45 AM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 12:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 1:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 2:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 3:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 4:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 5:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 6:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 7:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 8:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 9:45 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:00 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:15 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:30 PM </span></label></div>
         <div class="md-radio-tab ng-star-inserted"><input name="r" type="radio" id=""><label for=""><span> 10:45 PM </span></label></div>
         <!--bindings={
            "ng-reflect-ng-if": "false"
            }-->
      </div>
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-if": "false"
         }-->
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-if": "false"
         }-->
   </div>
   <div class="row">
      <!--bindings={
         "ng-reflect-ng-if": "false"
         }-->
   </div>
</div>

I hope I have given you all the necessary details. Thank you!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

美煞众生 2025-02-16 12:13:22

您可以尝试递归，由 cypress-recurse 插件，以迭代您的命令直到将其评估为真实。
此插件的优点是，您可以通过限制迭代时间，迭代次数或延迟它来控制其行为，以防您的应用需要一些时间来渲染某个组件。

import { recurse } from 'cypress-recurse';

...

const today = new Date();
const featureDay = format ( addDays (today, 30), "MMMM dd")

recurse (
    () => cy.get('.calendar-row').invoke('text'),
    (text) => text === featureDay,
    {
      post(){
         cy.intercept('APILINK*').as('next')
         cy.contains('Next week').click();
         cy.wait('@next')
      },
        log: false
        timeout: 35000
    }
  )

You can try recursion, provided by cypress-recurse plugin, in order to iterate your command until it is evaluated as true.
The advantage of this plugin is that you can control its behavior by limiting the iteration time, number of iterations or delaying it in case your app need some time to render a certain component.

import { recurse } from 'cypress-recurse';

...

const today = new Date();
const featureDay = format ( addDays (today, 30), "MMMM dd")

recurse (
    () => cy.get('.calendar-row').invoke('text'),
    (text) => text === featureDay,
    {
      post(){
         cy.intercept('APILINK*').as('next')
         cy.contains('Next week').click();
         cy.wait('@next')
      },
        log: false
        timeout: 35000
    }
  )

回复收藏 0 原文

紧拥背影 2025-02-16 12:13:22

我会尝试以下操作：

const today = new Date();
const featureDay = format ( addDays (today, 30), "MMMM dd")
cy.get('.calendar-row')
  .filter(`:contains("${featureDay}")`)
  .each( ($el) => {
  cy.intercept('APILINK*').as('next')
  cy.contains('Next week').click();
  cy.wait('@next')
  .then( (response) => {
    expect(response.statusCode).to.eq(200)//Asserting for the statusCode is not needed but would recommend
  })
  })

我不能100％确定这是否会起作用，因为我无法重新创建变量。我假设您正在尝试以“ mmmm dd”格式从new Data（）中过滤30天。使用您发布的HTML，您是100％确定此查询应该返回1个元素。 ＆lt; div class =“ head-selected keek”＆gt; 6月22日至6月25日＆lt;/div表明，H4 class =“ Cal-Row-Date”的唯一可能日期是6月22日至25日。提出这一点的另一种方法是，如果您选择.calendar-Row child h4 class =“ Cal-Row-Date永远不会从新日期开始30天。（）。

I would try the following:

const today = new Date();
const featureDay = format ( addDays (today, 30), "MMMM dd")
cy.get('.calendar-row')
  .filter(`:contains("${featureDay}")`)
  .each( ($el) => {
  cy.intercept('APILINK*').as('next')
  cy.contains('Next week').click();
  cy.wait('@next')
  .then( (response) => {
    expect(response.statusCode).to.eq(200)//Asserting for the statusCode is not needed but would recommend
  })
  })

Im not 100% sure if this will work as Im unable to recreate variable featureDay. I'm assuming you are trying to filter for a date 30 days from new Data() in format "MMMM dd". With the HTML you posted are you 100% certain this query is suppose to return more than 1 element. <div class ="head-selected-week"> June 22 - June 25 </div shows that the only possible dates for h4 class="cal-row-date" are June 22-25. Another way to put this is, if you are selecting .calendar-row the child h4 class="cal-row-date will never contain a date 30 days from new Date().

回复收藏 0 原文

~没有更多了~