Is there a way to retrieve a value following the execution of an asynchronous function loop?

Question

Is there a way to retrieve a value following the execution of an asynchronous function loop?

I am attempting to iterate through a series of asynchronous functions and calculate the total sum of all elements, while also being able to access the final sum.

it("Practice with Select.all", function(){
    element.all(by.css('.items li')).then(function(items) {
        var len = items.length;
        var sum = "";
        for(var counter = 0; counter<len;counter++){
            items[counter].getText().then(function(item){
                sum += item;
                console.log(sum);
            });
        }
    });
});

javascript selenium webdriver protractor end-to-end

Answer 1

Answer №1

If you're looking for a handy function that can do the job efficiently, check out the reduce() method:

element.all(by.css('.items li')).reduce(function(acc, elem) {
    return elem.getText().then(function(text) {
        return acc + parseInt(text);
    });
}, 0).then(function (value) {
    console.log(value);
});

Answer 2

If you're looking for a handy function that can do the job efficiently, check out the reduce() method:

element.all(by.css('.items li')).reduce(function(acc, elem) {
    return elem.getText().then(function(text) {
        return acc + parseInt(text);
    });
}, 0).then(function (value) {
    console.log(value);
});

Answer 3

Answer №2

Seems like you're working with strings when attempting to perform addition. Here's a suggested solution:

it("Practice for Select.all", function(){
    element.all(by.css('.items li')).then(function(items) {
        var length = items.length;
        var total = 0;
        for(var count = 0; count<length;count++){
            items[count].getText().then(function(item){
                total += parseInt(item);
                console.log(total);
            });
        }
    });
});

Answer 4

Seems like you're working with strings when attempting to perform addition. Here's a suggested solution:

it("Practice for Select.all", function(){
    element.all(by.css('.items li')).then(function(items) {
        var length = items.length;
        var total = 0;
        for(var count = 0; count<length;count++){
            items[count].getText().then(function(item){
                total += parseInt(item);
                console.log(total);
            });
        }
    });
});

Is there a way to retrieve a value following the execution of an asynchronous function loop?

Answer №1

Answer №2

Similar questions

What is the best way to conceal a modal using jquery?

Navigating through inputs using WebDriver/Selenium without specifying a target object to receive the keystrokes

The JavaScript code that functions properly in Codepen is not functioning on my HTML page

Creating a versatile Express Router that can serve multiple websites by utilizing conditional routes based on the domain name

Scrolling vertically at regular intervals of 5 seconds

Vue 3's "<Component :is="">" feature magically transforms camelCase into lowercase

Getting query parameter with hyphen in nextJS 13 - step by step tutorial

Tips for extracting an integer from a chosen input value

Showing content based on the route - Angular

Add a close event to a list item in JQuery before

TypeError: Unable to access the 'items' property of a null value

Transferring Session ID between Express.js and Socket.io while dealing with iframes from distinct origins

Launching a Vue Cli 3.10.0 project on a designated port

Once you've made the switch to .mjs files, make sure to replace all

Use JavaScript to dynamically add CSS styles to elements before and after a button wrapper

Fetching an image from a URL using Node.js

Preventing browser flickering when using 'loadURL' to switch between URLs in Electron

Replace the anchor tags with a JavaScript array

Deciphering the AJAX Response

What is the best way to retrieve the input value using jQuery?