Change value of variable and check whether the value have changed

user_16444507 0
Viewed 66

I want to check whether the text element changes on x seconds and apply the for loop and conditional structure to verify if the change is applied. If the text is still not changed it will refresh the page and check again

Cypress.Commands.add('checkApprovedStatus', (targetData) =>{
    cy.get('div[class^=ui-table-scrollable-body]').contains('tr', targetData).first().parent().within(function(){
        cy.get('td').eq(10).children('span[class^=customer-badge]').then(($status) =>
        {
            //let currStatus = $status.text()
            //cy.log(currStatus)
            
           for(let count = 0; count <= 5; count++)
            {
                let currStatus = $status.text()
                cy.log(currStatus)
                
                if (currStatus === 'approved')
                {
                    //if (currStatus.contains('Approved', {matchCase:false}))
                    //{
                    cy.log("End to end testing completed. All checks have passed!!")
                    break
                    //}
                 }
                else
                {
                    cy.reload()
                    cy.wait(5000)
                    $status.trigger('change')
                } 
            }
        })
    })
})
cypress javascript
1 Answers

For loops generally crash and burn in Cypress, but you can use a recursive function to simulate the loop.

When the loop (reload/trigger change) fails to find the status, throw an error to fail the test, or just return.

const checkApprovedStatus = (targetData, attempt = 0) => {

  if (attempt === 5) {
    // used up all attempts, can either fail the test
    throw 'Was never approved'

    // or just return without failing
    return
  }

  cy.get('div[class^=ui-table-scrollable-body]')
    .contains('tr', targetData).first().parent()
    .within(() => {
      cy.get('td').eq(10).children('span[class^=customer-badge]')
        .then($status => {
          if ($status.text() === 'approved') {
            cy.log("All checks have passed!!")
          } else {
            cy.reload()
            cy.wait(5000)
            $status.trigger('change')
            checkApprovedStatus(targetData, ++attempt) 
          } 
        })
    })
})
user_17817720
Related