Utilizing Selenium and JavaScript to discover and extract the subject fields within a table

Question

Utilizing Selenium and JavaScript to discover and extract the subject fields within a table

In my sent message list, I am trying to display the subject fields of all messages using Selenium and JavaScript (not Java) for coding.

Here is the code snippet:

<table class="messages">
    <tbody><tr class="section-heading">
      <th>
        <span class="screenreader-only">Delete</span>
      </th>
        <th>To</th>
        <th>Subject</th>
        <th>Sent</th>
    </tr>
  <tr role="row" id="message-k-s-10043496" tabindex="0" class="message"><td class="mark-for-delete keep-column">
  <div class="mark-container">
    <input type="checkbox" class="select-message" title="message-selection">
  </div>
</td>

<td class="message-metadata to">
  NKPContactMbrSvcs
</td>

<td class="message-metadata bottom">
  <div class="from mobile-only">
    From:  <span class="name">Sherlock Robin</span>
  </div>

  <div class="subject">
    Other Questions and Comments
  </div>

  <div class="from desktop-only">
    From:  <span class="name">Sherlock Robin</span>
  </div>
</td>

<td class="message-metadata keep-column">
  <div class="date-received">4:54 PM</div>

</td>

Image link for sent list

I have a limit of displaying 10 list items on the screen at once.

javascript list selenium filter

Answer 1

Answer №1

When creating multiple variables that are interconnected, it can be beneficial to group them together using JSON. For instance, you could have:

function register(username, password) {
Users = Users + 1;
userList['_' + Users] = {
    Username: username,
    password: password,
};

This approach allows for easy access to specific variables by utilizing a structured format like userList._1.username based on the username. The same principle can be applied in situations where you need a common identifier for emails. Here's an example:

email = {}
email[time] = {
    subject: subject,
    sender: sender,
    recipient: recipient,
    body: body
}

You might need to tweak this code as needed and encapsulate it within a function like so:

function email(sender, recipient, subject, body) {
    email = {}
    email[time] = {
        subject: subject,
        sender: sender,
        recipient: recipient,
        body: body
    }
}

Then, you can retrieve specific values by referencing them like this:

document.getElementById("HTMLid").innerHTML = email.(your time value).subject

Your HTML element could look something similar to this:

<p id="HTMLid"></p>

Answer 2

When creating multiple variables that are interconnected, it can be beneficial to group them together using JSON. For instance, you could have:

function register(username, password) {
Users = Users + 1;
userList['_' + Users] = {
    Username: username,
    password: password,
};

This approach allows for easy access to specific variables by utilizing a structured format like userList._1.username based on the username. The same principle can be applied in situations where you need a common identifier for emails. Here's an example:

email = {}
email[time] = {
    subject: subject,
    sender: sender,
    recipient: recipient,
    body: body
}

You might need to tweak this code as needed and encapsulate it within a function like so:

function email(sender, recipient, subject, body) {
    email = {}
    email[time] = {
        subject: subject,
        sender: sender,
        recipient: recipient,
        body: body
    }
}

Then, you can retrieve specific values by referencing them like this:

document.getElementById("HTMLid").innerHTML = email.(your time value).subject

Your HTML element could look something similar to this:

<p id="HTMLid"></p>

Answer 3

Answer №2

The topic field in the message appears like this

<div class="subject">

If you are looking for the CSS Selector div.subject, you might want to try something like this:

webBrowserElement.findElements(webdriver.By.css('div.subject'))

This should give you a good starting point for what you need.

Answer 4

The topic field in the message appears like this

<div class="subject">

If you are looking for the CSS Selector div.subject, you might want to try something like this:

webBrowserElement.findElements(webdriver.By.css('div.subject'))

This should give you a good starting point for what you need.

Utilizing Selenium and JavaScript to discover and extract the subject fields within a table

Answer №1

Answer №2

Similar questions

Is it possible to selectively mock certain components of an external module using jest?

When the disk space is insufficient, the createWriteStream function will not trigger an error event if the file is not completely written

Jest came across a surprising token that it wasn't expecting while working with React and TypeScript in conjunction with Jest and React-testing-L

Making an HTTP request within a forEach function in Angular2

Is it possible to evaluate the visual responses when interacting with an element?

jQuery carousel displaying a blank slide at the conclusion

What is the method for inserting a line break into a string that is being transferred to a component in Next JS?

"The controller's $scope isn't being updated within the DIV following a routing change

Selenium encountering difficulty in locating or interacting with element within dropdown selection

I am experiencing an issue in my React application where the component is not being rendered when using a nested route with React Router Dom v6. Despite the

Using jQuery to specifically target elements of a specific class that are nested within another element

Unable to disable the download prompt in an Electron application to prevent popups while downloading a file

Aurelia's navigation feature adds "?id=5" to the URL instead of "/5"

loop through an array and use splice to select items and modify the array

Utilizing the require function to implement an AngularJS Controller without having

Tips for converting JSON information on a website and inserting it into a designated division?

What is the most effective method for utilizing JSON as a database?

Error message in Vuex4: Unable to access 'state' property because it is undefined

The ElementNotInteractableException error occurred because the element cannot be interacted with as it is currently not visible, therefore it cannot be manipulated using robot framework

Exploring an array to retrieve a specific value