Extract information from a webpage using Selenium WebDriver

Currently, I am working on mastering Selenium, but I have hit a roadblock that I need assistance with. My task is to gather all the betting information for games from the following link and store it into an array.

Given my limited experience with HTML and Javascript, I am unsure about how to extract both the Spiel-Nr as well as the field of each game betting to then save them in an array.

<div id="overview-3" class="accordion level-1"> 
  <div class="accordion-group"> 
    <div class="accordion-heading relative"> 
      <div id="overview-1-3" class="accordion-body in collapse"> 
        <div id="cont_3" class="accordion-inner"> 
          <div class="slv-prog-header"> 
            <div class="left-wrapper"> 
              <div class="middle-wrapper"> 
                <div class="right-wrapper"> 
                  <div class="slv-h slv-t4"> 
                    <div class="slv-h slv-t4"> 
                      <div class="slv-h slv-t5"> 
                        <div class="slv-h slv-t6"> 
                        </div> 
                        <div class="slv-h slv-t7"> 
                          <span class="head">Spiel-Nr. PLUS</span
                        </div>
                      </div>
                    </div>
javascriptseleniumselenium-webdriverautomated-tests

Answer №1

If you need to retrieve a collection of the right WebElements, you can try the following method:

List<WebElement> elementList = driver.findElements(By.cssSelector(".goToEventPage em:nth-of-type(2)"));

After that:

List<String> textList = new ArrayList<>();
for(WebElement element : elementList)
{
    textList.add(element.getText());
}

Then convert it to an array:

String[] convertedArray = textList.toArray(new String[textList.size()]);

Making sure they are correctly associated with the right game may present some challenges, but that wasn't the main focus of the original question.

Answer №2

In order to effectively utilize XPath in locating elements, the following example showcases the usage of 'contains' and 'starts-with' functions:

String xpathExpression = 
 ".//div[starts-with(@id,'overview') and contains(@class,'accordion')]//*[@class='head']";
By searchLocator = By.xpath(xpathExpression);
List<WebElement> matchingElements = driver.findElements(searchLocator);

Answer №3

One way to simplify accessing the value of column elements is by assigning them unique IDs

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Sending a function return to a React component

What I want to achieve is sending the response from an API call to a React Component and using it to generate a List. My confusion lies in how to pass the value from a function to the component. Do I require state for this process? searchMealsHandler(even ...

javascriptreactjs

Exploring the Differences Between Next.js Script Components and Regular Script Tags with async and defer Attributes

Can you explain the distinctions between the next js <Script /> component rendering strategies such as afterInteracive, beforeInteractive, and lazyLoad, as opposed to utilizing a standard <script /> tag with attributes like async and defer? ...

javascriptreactjsnext.js

Do iframes not utilize parental jquery?

I have a homepage that utilizes jQuery by loading it from the ajax google APIs in the head> tag. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js" type="text/javascript"></script> I attempted to use jQuery functions ...

javascriptjqueryiframe

Text Parallax Effect

For my website, I am interested in incorporating a unique parallax effect. Instead of just fixing a background image and allowing scrolling over it, I want to apply this effect to all of the content on my site. The website consists of a single page with m ...

javascriptjqueryhtmlcssparallax

Is there a way to incorporate cell highlighting on IE?

I've implemented a method to highlight selected cells based on the suggestion from jointjs. It surrounds the cell with a 2-pixel red border, which works well in Chrome. However, I need the outline to work in IE as well. Unfortunately, when I reviewed ...

javascripthtmlsvgjointjs

Ways to incorporate a custom JavaScript function that is activated by an external server system?

I'm currently exploring a JavaScript widget that needs to operate within specific constraints: The widget initiates a request to a third-party server using a callback URL The third-party server pings the callback URL after a set period, triggering a ...

javascriptajaxhttpeventsweb-applications

Encountering a problem while creating a Page Object in webdriver.io - getting the error "setValue is not a function" or "cannot read property 'setValue' of undefined"

While working on a webdriver.io automation project, I encountered an issue with recognizing objects in my page object file (login.po.js) when calling them in the test spec file (test.spec.js). The error message displayed is LoginPage.username.setValue is n ...

javascriptseleniummocha.jswebdriver-iowebautomation

What strategies can I use to refactor this controller in Angular 1.5 to make it more concise and efficient

I am encountering an issue with a component I have that contains a button. Whenever the button is clicked, it triggers one of two backend services depending on where the component is located. To achieve this, I am currently passing a flag to the component ...

javascriptangularjs

I must interact with the video within the iframe by clicking on it

I am trying to interact with an iframe video on a webpage. Here is the code snippet for the video: <div class="videoWrapper" style="" xpath="1"> <iframe width="854" height="480" src="xxxxxxx" frameborder="0" allow="autoplay; encrypted-media" all ...

javascriptjavaseleniumselenium-webdriver

The cross-domain AJAX request fails to receive a response

I am currently working on validating PAN card details. I am utilizing an AJAX call to verify the PAN card entered by the user, sending the PAN number to this URL: . The data is being sent to the following URL using AJAX call: function callbackFnc(data) { ...

javascriptphpjqueryajax

Next.js server component allows for the modification of search parameters without causing a re-fetch of the data

I have a situation where I need to store form values in the URL to prevent data loss when the page is accidentally refreshed. Here's how I am currently handling it: // Form.tsx "use client" export default function Form(){ const pathname ...

javascriptreactjsnext.js

When submitting a form with the jQueryForm plugin, take action on the form by selecting it with `$(this)`

I have a situation where I have multiple forms on one page and am utilizing the jQuery Form plugin to manage them without having to reload the entire page. The issue arises when I need some sort of visual feedback to indicate whether the form submission wa ...

javascriptjqueryhtmlforms

Leveraging the power of JavaScript to reveal concealed div elements

I've got a collection of divs (five in total) with a hidden class applied to them in my CSS stylesheet. Each div also has its own unique ID. My goal is to use JavaScript to reveal these divs one by one. Here's an example of what I'm looking ...

javascriptcssclasshtml

A guide on integrating Pug templating engine with ReactJS

For the integration of Pug with a freshly created ReactJS application, I followed these steps: 1. Started by creating a new ReactJS app using create-react-app 2. Next, I referred to the instructions on babel-plugin-transform-react-pug for installing the ...

javascriptreactjspugjsx

Utilize AngularJS to create a custom tag with a directive included

I've been working on creating a custom tag for a reusable component in a web page, but I seem to have hit a roadblock. It's not functioning as expected, and I feel like I might be overlooking something. If anyone could provide some guidance or p ...

javascripthtmlangularjsangularjs-directive

What is the best way to retrieve all list items using Selenium WebDriver?

Just starting out with Selenium and need assistance with getting a list of items. Here's the code I'm working with: <div id="books"> <ul> <li>Aw</li> <li>Ax</li> <li>Ay</li> </u ...

seleniumselenium-webdriverjunitselenium-ide

Develop an XML document with the use of either Javascript or PHP

I have an XML file that contains information about bracelets with photo details. <bracelets> <photo filename="b1.jpg" thumbnail="a1.jpg" description="aa" /> <photo filename="b2.jpg" thumbnail="a2.jpg" description="aa" /> & ...

javascriptphpxmldom

Expanding properties in a React component based on certain conditions using TypeScript

I am attempting to dynamically expand my component props based on whether a specific prop is included. The goal is to add attributes from an anchor if the href prop is provided, and include attributes from a button if it is not. Is this achievable? Chec ...

javascriptreactjstypescript

Execute the function upon clicking

When I click on an icon, I want it to blink. This is the code in my typescript file: onBlink() { this.action = true; setTimeout(() => { this.action = false; }, 1000) return this.action }; Here is how the action is declared in my ...

javascriptangular

Leveraging react-query with next-mdx-remote MDX Components?

I have been using next-mdx-remote in my next.js project. One of the components I've passed to it makes API calls using axios, which has been working well. However, I now want to switch to using react-query. When implementing this change, I encountered ...

javascriptreactjsnext.jsreact-querymdxjs