Obtain the text content of a WebElement using the Selenium Driver in JavaScript

Question

Obtain the text content of a WebElement using the Selenium Driver in JavaScript

Is there a way to verify if the element I've selected by its id has the expected text content?

var driver = require('selenium-webdriver');
var By = driver.By;

var elem = this.driver.findElement(By.id('my_id'));
assert.equal(elem.getText(), 'blablabla');

Unfortunately, the above code is not working as expected:

 AssertionError: ManagedPromise {
   flow_:
    ControlFlow {
      propagateUnhandledRejections_: true,
      activeQueue_:
       TaskQueue {
      == 'blablabla'

I'm unable to find an example demonstrating how to perform this straightforward validation.

javascript selenium-webdriver

Answer 1

Answer №1

The main reason behind this behavior is because elem.getText() returns a Promise, indicating that it will be executed asynchronously with the result available at a later time point. The value returned by getText() is actually a reference to the asynchronous execution process.

In order to effectively utilize the output of getText() after its computation, one should utilize the then method by passing in a function. This function will be triggered once the text has been computed, enabling you to manipulate it (such as comparing it to an anticipated value):

var elem = driver.findElement(By.id('mydiv'));
elem.getText().then(function(s) {
  assert.equal(s, "content");
});

Alternatively, for those who prefer lambda expressions:

elem.getText().then(s => assert.equal(s, "content"));

Answer 2

The main reason behind this behavior is because elem.getText() returns a Promise, indicating that it will be executed asynchronously with the result available at a later time point. The value returned by getText() is actually a reference to the asynchronous execution process.

In order to effectively utilize the output of getText() after its computation, one should utilize the then method by passing in a function. This function will be triggered once the text has been computed, enabling you to manipulate it (such as comparing it to an anticipated value):

var elem = driver.findElement(By.id('mydiv'));
elem.getText().then(function(s) {
  assert.equal(s, "content");
});

Alternatively, for those who prefer lambda expressions:

elem.getText().then(s => assert.equal(s, "content"));

Obtain the text content of a WebElement using the Selenium Driver in JavaScript

Answer №1

Similar questions

Tips for creating a tooltip above an SVG circle with AngularJS

Troubleshooting Puppeteer compatibility issues when using TypeScript and esModuleInterop

Modifying the $locale setting in ui-router

Next.js React Server Components Problem - "ReactServerComponentsIssue"

Three.js fails to render Blender model

Having trouble identifying the issue with the dependent select drop down in my Active Admin setup (Rails 3.2, Active Admin 1.0)

Incorporate new content into JavaScript using the input element

ASP.Net does not support the compilation of AngularJS

Creating an accessible library with webpack and babel integration

What could be causing the issue with the focus not being activated when clicking on the input field in Vue?

NodeJs is experiencing issues with its routing system and navigation functionalities

Deciphering the concept of promises within the Node.js platform

Effective ways to resolve the ajax problem of not appearing in the console

Jest identifies an open handle when working with an Express application

Is it acceptable that req.body is void of content? Should we reconsider this approach?

Experiencing Null Pointer Exception with Selenium WebDriver while utilizing TestNG

Verify if the arguments of a Discord bot command are in accordance with the format outlined in the commands configuration

There was a glitch encountered while constructing (Verifying type validity) with Prisma

Axios sending a 400 Bad Request to Django due to a missing required field

Issue with Blueimp jquery-file-upload incorrectly displaying file size for jpeg/jpg files over 2MB