Protractor - retrieving the text from a dropdown menu selection

Question

Protractor - retrieving the text from a dropdown menu selection

Currently, I am utilizing protractor for the e2e testing of my application. In the process of updating a record, I am creating an array of new values to compare with the old ones to ensure proper updates.

One of the fields in question is a select menu, and I am aiming to extract the text from the option and add it to the array.

To select the option, I am using:

element(by.id(fieldName6)).click().then(function() {
     element(by.css('#' + fieldName6 + ' option:nth-child(2)')).click();
});

This method is working smoothly. However, now I need to retrieve the text (not the value) of that option to include in the array. I attempted the following approaches:

newValues.push(browser.executeScript("$('#" + fieldName6 + " option:nth-child(3)').text()"));

which resulted in

Promise::17234 {[[PromiseStatus]]: "pending"}

, and

newValues.push(element(by.css('#' + fieldName6)).$('option:checked').getText());

which returned [object Object].

I seem to be stuck at this point. Any assistance or guidance would be highly appreciated.

javascript selenium protractor end-to-end e2e-testing

Answer 1

Answer №1

Selenium and WebDriverJS rely heavily on the idea of promises. The code snippet

element(by.css('#' + fieldName6)).$('option:checked').getText()

will give you a promise that will be fulfilled with the text of an option by the Control Flow.

You can gather promises into the array newValues, but when actual values are needed, the promises must be resolved. A good approach for this is using protractor.promise.all():

protractor.promise.all(newValues).then(function (resolvedValues) {
    console.log(resolvedValues);
});

If you only want to assert the values in newValues, you can directly use expect() - it automatically resolves the promise before checking:

expect(newValues).toEqual(["option 1", "option 2"]);

Answer 2

Selenium and WebDriverJS rely heavily on the idea of promises. The code snippet

element(by.css('#' + fieldName6)).$('option:checked').getText()

will give you a promise that will be fulfilled with the text of an option by the Control Flow.

You can gather promises into the array newValues, but when actual values are needed, the promises must be resolved. A good approach for this is using protractor.promise.all():

protractor.promise.all(newValues).then(function (resolvedValues) {
    console.log(resolvedValues);
});

If you only want to assert the values in newValues, you can directly use expect() - it automatically resolves the promise before checking:

expect(newValues).toEqual(["option 1", "option 2"]);

Protractor - retrieving the text from a dropdown menu selection

Answer №1

Similar questions

Initial function call to modify the state does not result in any field updates

Guide on extracting data from a JavaScript table using Python

The issue arises when attempting to use a JavaScript marker within an array, as it

Is there a way to delay loading 'div' until a few seconds after the 'body' has been fully loaded?

What could be causing setInterval to only run once?

Evaluating the similarity between a Guild ID and a matching string

Animation glitch when clicking on hamburger menu symbol

Links to Help You Find Your Way

Transforming each element of an observable array by updating their properties with data retrieved from an ajax request using knockout

TestNG unable to run through the command line on Ubuntu operating system

Error [ERR_MODULE_NOT_FOUND]: Module could not be located in vscode

Determine the originating component in React by identifying the caller

Expect a promise to be resolved in the RootCtrl of Angular using $http

Learn the process of synchronously loading forms and data in Angular

Guide to center-aligning ElementUI transfer components

In order to address the webdriver.gecko.driver problem in Selenium WebDriver, one must establish the correct path to the driver executable

The Javascript toggle for hiding and showing did not function as expected

Does it typically occur to experience a brief pause following the execution of .innerHTML = xmlhttp.responseText;?

The setInterval() function is not executing the IF Else statement correctly

Sending a json array from PHP