How to retrieve all the text inside an element using Protractor and Selenium

Question

How to retrieve all the text inside an element using Protractor and Selenium

<div class="test"> <span>
        <div>CONTENT </div>
    </span>
    <div>
        <ul>
            <li> <span>More text</span>
EXAMPLE1</li>
            <li>EXAMPLE2</li>
        </ul>
    </div>
</div>

Is there a way to extract all the inner content from the div with test class? I'm looking for an array of strings like: ["CONTENT","More text","EXAMPLE1","EXAMPLE2"].

javascript angularjs selenium selenium-webdriver protractor

Answer 1

Answer №1

Instead of directly using webdriver methods, you can utilize the convenient abstraction provided by protractor with element.all() as a wrapper around findElements(). Utilizing the map() function can help in obtaining a promise that resolves into an array of texts:

var texts = element.all(by.xpath("//div[@class='test']//*")).map(function (elm) {
    return elm.getText();
});

expect(texts).toEqual(["TEXT", "Other text", "TEST1", "TEST2"]);

Answer 2

Instead of directly using webdriver methods, you can utilize the convenient abstraction provided by protractor with element.all() as a wrapper around findElements(). Utilizing the map() function can help in obtaining a promise that resolves into an array of texts:

var texts = element.all(by.xpath("//div[@class='test']//*")).map(function (elm) {
    return elm.getText();
});

expect(texts).toEqual(["TEXT", "Other text", "TEST1", "TEST2"]);

Answer 3

Answer №2

Here is a similar approach you could take:

 List<WebElement> elements = driver.findElements(By.xpath("//div[@class='test']"));
 for(WebElement el: elements){
    //display text if not empty
    String text = el.getText();
    if(!text.isEmpty){
      System.out.println("Output :"+text);
    }
 }

Answer 4

Here is a similar approach you could take:

 List<WebElement> elements = driver.findElements(By.xpath("//div[@class='test']"));
 for(WebElement el: elements){
    //display text if not empty
    String text = el.getText();
    if(!text.isEmpty){
      System.out.println("Output :"+text);
    }
 }

How to retrieve all the text inside an element using Protractor and Selenium

Answer №1

Answer №2

Similar questions

The console is showing an error message stating that the variable "i" is not

The ng-bind directive is functional when used with a textarea element, but it does not work with

Encountered an issue following deployment to Heroku (Application error)

FusionCharts Gauges may share similar code, but each one produces a unique output

What is the best way to utilize a For each loop with a controller object?

Scrolling to a specific position on a page when a Vue 3 component appears is a must-do for

Ways to verify user authentication for navigating Vue routes

The placement of the React.js/Next.js Loader is incorrect on the page

What is the process for setting up SSL for Angular e2e testing?

Purge POST request cache in Node.js

Echo a JS variable into PHP and then insert a PHP file into an HTML element - a step-by-step guide!

Angular 8 utilizes JavaScript for its programming language

Expanding the Number of Arguments Sent to a Callback Function

Getting the test report link from Jenkins using the surefire-reports testng-results.xml file

Using Javascript to retrieve a variable and dynamically updating the source of an HTML iframe

Our system has picked up on the fact that your website is failing to verify reCAPTCHA solutions using Google reCAPTCHA V2

The search feature on mobile devices is currently malfunctioning

Is there a bug in Safari 8.0 related to jQuery and backslashes?

What is the process for transferring an existing collection or data in Firestore to a subcollection?

When placed in a conditional, the type of the body variable changes from a string to undefined