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

Issue with konvaJS when trying to simultaneously resize, drag, and apply filters to an image

Issues with triggering the success block in AngularJS and Node.js Express when using $http.get

Unable to retrieve value from a hidden input field using JavaScript

"The AJAX response returned a status code of 200, however, the PHP script being executed on the XAMPP localhost did not provide

How to modify array in React using the useState hook?

Finding elements within a web page using XPath in Python with Selenium is proving to be a challenge."

Can data from an Angular app be accessed by an external JavaScript code within the same project?

Adjust the hue as you scroll

Looking to enhance the accessibility of a dynamically generated file by implementing the ability to expand and collapse sections as parent nodes

The search button is malfunctioning after I submit search data and generate dynamic HTML using axios

The module 'myapp' with the dependency 'chart.js' could not be loaded due to an uncaught error: [$injector:modulerr]

Including a 3DS card to a Stripe Client for recurring payments

Help with enabling the recognition of backspace key in JavaScript?

I'm having trouble with AngularJS routes not functioning properly when accessed directly. I am using html5 mode in conjunction with

Ways to center vertically aligned buttons within cards in a React application with Material-UI

Is it possible for Angular.js timer finish event not to trigger data binding correctly?

Scraping Dynamic Content and Uncovering Hidden Data Tables with Selenium and Beautiful Soup

javascript the debate between inline and traditional registration

The Ajax request is not being triggered when using a different form submit method

Are you ensuring compliance with licensing in your Webpack bundles?