Is it possible to extract the value in JavaScript, add it, and then return the result after a for loop in Cypress automation?

Question

Is it possible to extract the value in JavaScript, add it, and then return the result after a for loop in Cypress automation?

checkActiveInterfaces() {
        var totalSum = 0;
        var counter;
        for (counter = 1; counter <= 5; counter++) {
            cy.xpath(`(//*[name()='g' and @class ='highcharts-label highcharts-data-label highcharts-data-label-color-undefined']//*[name()='text']//*[@class='highcharts-text-outline'])[${counter}]`).invoke("text").then(($textValue) => {

               var textResult = $textValue + "\n"
               cy.log(textResult)
               var  value = parseInt(textResult)
               totalSum += value
            })
        }
        cy.log("Total sum of connected interfaces= " + totalSum)
    }

When executing this code in cypress automation, I am getting a sum of 0. I am unsure why it is returning 0. Kindly provide assistance.

selenium selenium-webdriver automated-tests cypress cypress-component-test-runner

Answer 1

Answer №1

One interesting aspect of Cypress commands is that they are asynchronous. When you use the cy.log command, it captures the value of sum before the first xpath command actually executes. To ensure synchronized access to the sum, you can utilize a then callback:

verifyActiveInterfacesViaConnectionStatus() {
        var sum = 0
        var i;
        for (i = 1; i <= 5; i++) {
            cy.xpath(`(//*[name()='g' and @class ='highcharts-label highcharts-data-label highcharts-data-label-color-undefined']//*[name()='text']//*[@class='highcharts-text-outline'])[${i}]`).invoke("text").then(($text1) => {

               var textValue1 = $text1 + "\n"
               cy.log(textValue1)
               var  total = parseInt(textValue1)
               sum += total
            })
        }
        cy.then(() => {
           cy.log("Total of all connected OS= " + sum)
        })
    }

For more in-depth information on how to handle variables within Cypress, take a look at this article.

Answer 2

One interesting aspect of Cypress commands is that they are asynchronous. When you use the cy.log command, it captures the value of sum before the first xpath command actually executes. To ensure synchronized access to the sum, you can utilize a then callback:

verifyActiveInterfacesViaConnectionStatus() {
        var sum = 0
        var i;
        for (i = 1; i <= 5; i++) {
            cy.xpath(`(//*[name()='g' and @class ='highcharts-label highcharts-data-label highcharts-data-label-color-undefined']//*[name()='text']//*[@class='highcharts-text-outline'])[${i}]`).invoke("text").then(($text1) => {

               var textValue1 = $text1 + "\n"
               cy.log(textValue1)
               var  total = parseInt(textValue1)
               sum += total
            })
        }
        cy.then(() => {
           cy.log("Total of all connected OS= " + sum)
        })
    }

For more in-depth information on how to handle variables within Cypress, take a look at this article.

Is it possible to extract the value in JavaScript, add it, and then return the result after a for loop in Cypress automation?

Answer №1

Similar questions

Scraping data using Selenium with paragraph tags

Selenium in Python fails to locate an element (empty result returned)

Leverage selenium to enter data for numerous elements by utilizing xpath

Is there a method to review all the details of a button on a website once Selenium has identified that specific element?

Ways to Verify the Absence of a Web Element on a Page

Listening with TestNG

Tips on entering data into a span element with Selenium?

What is the best way to extract data from various webpages connected to a single source using selenium?

Javascript and Agile Development: A Perfect Match

Is it possible to integrate a selenium driver with Quarkus?

Encountered difficulties launching asp.net application with Selenium WebDriver on IIS

Ruby/Selenium WebDriver - Implementing a pause in the test for user interaction, such as requiring input for a captcha prompt

Hunt down content using Selenium without relying on an ID or Name

Steps to extract information from a WebElement

Guide to launching Chrome Developer Tools in Selenium WebDriver with JAVA

Grabbing Checkbox Labels Using Selenium WebDriver

How can I include the paths for "testng.xml" and log4j2.xml in my pom.xml file for a Selenium - Maven/TestNG project, ensuring the executable .jar file can run on any machine?

Tips for using Selenium to interact with the save or print button in the Google Chrome print window, even when the HTML page contains a shadow-root

Is there a way to confirm that the results are organized correctly in Selenium IDE, for example, in alphabetical order or descending by ID?

Error Encountered in Protractor: SyntaxError - An unexpected token '=' was found