Steps for selecting the data-link of a div using Selenium:

Question

Steps for selecting the data-link of a div using Selenium:

Take a look at this code:

<div class="results">

<div class="search-results" data-link="some url1">result1</div>
<div class="search-results" data-link="some url2">result2</div>
<div class="search-results" data-link="some url3">result3</div>
<div class="search-results" data-link="some url4">result4</div>


</div>

This is a search bar where typing text displays results in a dropdown using AJAX.

The results shown above are links, but they do not have an <a> tag.

How can we click on one of these results (specifically the first result) if they do not have an <a> tag?

javascript selenium selenium-webdriver testing

Answer 1

Answer №1

Give this a shot:

//div[@data-link="some url4"].click()

If that doesn't do the trick, consider this:

The data-link attribute is typically used in jQuery, making it difficult to provide specific guidance without access to the page source code. One approach is to inspect the scripts on the page and look for a click action that navigates to the link:

This script snippet may offer some insight:

<script type="text/javascript" language="javascript">
       $(".urllink").click(function (e) {

        var link = $(this).data("data-link");
        blabla

    });

</script>

Attempt to trigger a click event on the identified element from the script.

Answer 2

Give this a shot:

//div[@data-link="some url4"].click()

If that doesn't do the trick, consider this:

The data-link attribute is typically used in jQuery, making it difficult to provide specific guidance without access to the page source code. One approach is to inspect the scripts on the page and look for a click action that navigates to the link:

This script snippet may offer some insight:

<script type="text/javascript" language="javascript">
       $(".urllink").click(function (e) {

        var link = $(this).data("data-link");
        blabla

    });

</script>

Attempt to trigger a click event on the identified element from the script.

Steps for selecting the data-link of a div using Selenium:

Answer №1

Similar questions

Sending a parameter value when onClick function is called

When utilizing a JQuery plugin for sliders, Dart does not function in the same way that traditional JavaScript does

Deriving worth from a JSON object

What are the steps to showcase a webcam stream in GLSL by leveraging Three.js?

Guide to packaging TypeScript type declarations with an npm JavaScript library

How to Employ Javascript Set in a Mongoose SchemaType?

The Selenium Python script fails to capture all of the visible data

Display logo when website has been scrolled

Vanilla JavaScript - Conceal all remaining div elements

Looking for assistance in presenting the value of a range slider on your webpage?

What could be causing the "document is not defined" error to appear in my code?

Steps for disabling script debugger within Visual Studio 2013

Guide to retrieving objects in React.js

Creating a TeeChart for HTML5 that combines both stacked and normal series can be done by following these steps

An error popped up out of the blue while attempting to execute Webpack

A warning message has been triggered: 'Script Alert Error - Object

How to send information to a label on the same page with jQuery

Implementing Adaptive Images in Bootstrap 5 for a Specified Design

React Full Calendar Error: Unable to access property 'calendar' from undefined

Is it possible for me to display dynamic content and utilize a template engine like (ejs)?