What is the best way to retrieve values from similar class/properties using Selenium in C#?

Question

What is the best way to retrieve values from similar class/properties using Selenium in C#?

Currently, I am in the process of automating tests to compare expected and actual endorsements on a summary page.

I am facing a challenge in reading all the endorsements values displayed on the summary page. The number of endorsements can vary from 2 to 5 depending on the input. I have attempted to use Xpath and CSS selectors, but so far, I have not been successful. Here are the properties of the elements for two endorsements, and the rest of the endorsements will have the same properties, just different values.

My goal is to extract all the endorsements listed on the page so that I can input them into my Excel sheet for comparison against the expected endorsements.

ENDORSEMENT 1:

         <div class="guidance smaller ng-scope" ng-repeat="end in 
          prop.Endorsements">
          <a ng-href="#c03770af-3724-4c3a-a240-e341c0d2c3ef" ng-bind-
          html="end.Name" class="ng-binding" href="#c03770af-3724-4c3a-
          a240-e341c0d2c3ef">Restricted Theft</a>
          </div>
          <a ng-href="#c03770af-3724-4c3a-a240-e341c0d2c3ef" ng-bind-
          html="end.Name" class="ng-binding" href="#c03770af-3724-4c3a-a240-
          e341c0d2c3ef">Restricted Theft</a>

ENDORSEMENT 2:

       <div class="guidance smaller ng-scope" ng-repeat="end in 
       prop.Endorsements">
       <a ng-href="#93ff9067-f64c-4879-933d-8b0a1d077e74" ng-bind-
        html="end.Name" class="ng-binding" href="#93ff9067-f64c-4879-933d-
        8b0a1d077e74">Malicious Damage Exclusion</a>
        </div>
         <a ng-href="#93ff9067-f64c-4879-933d-8b0a1d077e74" ng-bind-
         html="end.Name" class="ng-binding" href="#93ff9067-f64c-4879-933d-
         8b0a1d077e74">Malicious Damage Exclusion</a>

c#css selenium selenium-webdriver

Answer 1

Answer №1

To successfully capture all the anchor elements at once and store them in a list, you'll need a XPath expression.

If you're specifically looking to target only the anchor tags for Endorsements:

IList<IWebElement> listOfEndorsements= Driver.FindElements(By.XPath("//a"));

If there are other types of anchor tags present, you can try the following approach instead:

IList<IWebElement> listOfEndorsements= Driver.FindElements(By.XPath("//div[contains(@ng-repeat,'prop.Endorsements')]/a"));

From there, you can utilize a ForEach loop to extract the necessary information from the list of IWebElements. For example:

foreach (var endorsement in listOfEndorsements)
{
    var text = endorsement.Text;
}

Answer 2

To successfully capture all the anchor elements at once and store them in a list, you'll need a XPath expression.

If you're specifically looking to target only the anchor tags for Endorsements:

IList<IWebElement> listOfEndorsements= Driver.FindElements(By.XPath("//a"));

If there are other types of anchor tags present, you can try the following approach instead:

IList<IWebElement> listOfEndorsements= Driver.FindElements(By.XPath("//div[contains(@ng-repeat,'prop.Endorsements')]/a"));

From there, you can utilize a ForEach loop to extract the necessary information from the list of IWebElements. For example:

foreach (var endorsement in listOfEndorsements)
{
    var text = endorsement.Text;
}

What is the best way to retrieve values from similar class/properties using Selenium in C#?

Answer №1

Similar questions

Creating unique CSS class and ID names dynamically in PHP

Struggling to manipulate JSON file in C#

The vertical tab layout in HTML and CSS is experiencing an issue where the active tab is not being shown above the

The logo in the Bootstrap 4 beta navbar-brand does not dynamically resize when the navbar collapses, even with the img

Transferring items between containers with stylish animations in AngularJS

Tips for saving individual rows from an HTML table as elements in an ArrayList in Java

The Nodejs express static directory is failing to serve certain files

Is feature recognition possible in a jQuery plugin?

Adjust the anchor tag content when a div is clicked

I am having trouble with clicking the button in Protractor

CSS animation using a series of linked elements

Error: The specified capacity was smaller than the current size. Please ensure the required length is sufficient

Progress Bar Rating System in Bootstrap 4

Can someone share tips on creating a stylish vertical-loading progress bar with a circular design?

What steps can I take to decrease the padding of this footer?

Creating a dynamic word cloud in D3: Learn how to automatically adjust font sizes to prevent overflow and scale words to fit any screen size

Extra horizontal spacing in CSS

Custom Bootstrap 3 Panel Organization

Strategies for handling elements by class name using Selenium and PHPUnit

Fade In Effect in Angular 2 Using SwitchCase