Executing a complex xpath using Java Script Executor in Selenium WebDriver

When working with a large grid and trying to find an element using XPath, I encountered some difficulties. The XPath used was:

By.xpath("//div[contains(text(),'" +EnteredCompetitionName+ "')]/preceding-   sibling::div[contains(concat(' ', @class, ' '), ' slick-cell l0 r0 ')]/a/img"

Due to the size of the grid, simply finding the element by XPath became problematic. In attempt to solve this issue, I turned to using the JavaScript executor in Selenium webdriver.

WebElement selectedCompGlass = (WebElement) js.executeScript("return document.evaluate('//div[contains(text(),' +EnteredCompetitionName+ ')]/preceding-sibling::div[contains(concat(\' \', @class, \' \'), \' slick-cell l0 r0 \')]/a/img' ,document, null, XPathResult.ANY_TYPE, null ).singleNodeValue;");
js.executeScript("arguments[0].click();", selectedCompGlass);

Despite utilizing the JavaScript executor, an error persisted:

missing ) after argument list Command duration or timeout: 8 milliseconds Build info: version: '2.44.0', revision: '76d78cf', time: '2014-10-23 20:02:37'

javascriptseleniumxpathselenium-webdriver

Answer №1

When scrolling is active in your scenario, you can utilize JavaScript to scroll until it locates the desired element and then perform necessary actions.

This approach ensures that the page scrolls smoothly to the specified element.

WebElement targetElement = driver.findElement(By.id("id_of_element"));
((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", targetElement);

Answer №2

If you want to refine the results of FindElement, you can use another FindElement or a different Selenium method to pinpoint your desired outcome. Have you experimented with this approach?

For instance, in my recent work with Selenium and C#, I came up with something like this yesterday:

var element = browser.FindElements(By.TagName("input"), 5000)
    .FirstOrDefault(x => x.GetAttribute("data-id-selenium") == "entrar");

Here's another example:

Browser.FindElements(By.CssSelector("li[class='item-listagem']"), 5000)
    .First(x => x.Text.Contains(titulo))
    .FindElement(By.CssSelector("a[href*='AprovarAcaoLiderado']"))
    .Click();

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

Trigger a jQuery event when a different selection is made in the dropdown menu

There are 2 choices available in the dropdown menu. <select id="_fid_140" onchange="chooseRecordPicker()" > <option value="736">9000000146</option> <option value="x3recpcker#">&lt; Browse choices... &gt;</option> Upo ...

javascriptjquery

Get your hands on large files with ease by utilizing jQuery or exploring alternative methods

Within my User Interface, there exists an Advanced Search section where the user can select from 7 different options as depicted in the diagram. Based on these selections, a web service is triggered. This web service returns search results in JSON format, ...

javascriptjquery

JavaScript - I have a variable trapped inside a function and I'm struggling to retrieve it

Is it possible that I'm missing something obvious here? I am really struggling to pass the 'body' variable out of this nested function. function retrieveFacebookInfo(userID) { request({ "url": "https://graph.facebook.com/v2.6/" + ...

javascriptnode.js

How to sort Firebase real-time database by the child node with the highest number of

I am working on a database feature that allows users to 'like' comments on posts. Is there a way for me to sort the comments based on the number of likes they have? Although I am aware of using .orderByChild(), my issue lies in not having a sep ...

javascriptfirebasefirebase-realtime-database

Troubleshooting Python Selenium Code: Identifying and Correcting Errors

Can someone explain why this snippet of code opens Mozilla twice and doesn't close it after finishing? I'm also a bit confused as to why the login function is within a class instead of being a standalone function. > import unittest from selen ...

pythonseleniumselenium-webdriverwebdriver

Guide on automatically opening downloaded files in a new tab in IE 11 or Edge similar to the way file downloads function in Chrome

I am currently using Windows 10 and implementing msSaveOrOpenBlob in JavaScript to download the AJAX call blob on IE11. I want the PDF file to be opened in a new tab without any prompts, similar to how it works in Chrome. However, even when trying with th ...

javascriptwindowsangularinternet-explorer

What is the best way to transform this functioning JavaScript code into jQuery?

<script type="application/javascript" language="js"> function checkPasswordUpdate(value) { if(value === '1') { var nav = document.getElementById("sNav"); if(document.getElementsByTagName) ...

javascriptjquery

What is the process for transferring a PDF document to the frontend?

I have a file saved in .PDF format on my computer, and I am attempting to send it to the frontend using node/express. Although I am able to successfully send the file as a binary string stream to the frontend, when trying to download the .PDF onto the use ...

javascriptnode.jsexpresspdf

Exploring Jasmine's Powerful Spying and Mocking Capabilities in JavaScript Prototypes

Hey everyone, I need some help with a JavaScript issue. So, I have a file named FileA.js which contains a prototype called FileAObject.prototype along with a function named funcAlpha(). Here's a snippet of what it looks like: File = FileA function s ...

javascriptmockingjasmineprototypespy

Is it possible to update the CSS file of an external SVG file in real-time?

Is there a way for an SVG image to reference another CSS file? A webpage contains an SVG file. A button allows users to switch between classic colors and high contrast mode on the entire webpage, including the SVG image. Attempt w.css (white backgrou ...

javascriptcssxmlsvgstylesheet

Utilizing i18n's useTranslation and Redux's connect Higher Order Components to export components efficiently

My application has been utilizing Redux for quite some time, with the component exports structured like this: export default connect(mapStateToProps, mapDispatchToProps)(MyComponent); Now, I am integrating an i18n translation library and would like to use ...

javascriptreactjsreact-reduxi18next

Selenium returning empty values on the second attempt

Recently, I have been working on scraping data from a sports website. Initially, when I execute the code, everything works perfectly fine. However, when I try to run it again, I end up with a null result. from selenium import webdriver from selenium.comm ...

pythonselenium-webdriverweb-scraping

Error: The function callback.apply is not a valid function (Node.js and Mongodb)

Encountered an error when adding the line "{ upsert: true }": Error message: TypeError: callback.apply is not a function // Accessing routes that end in /users/competitorAnalysisTextData // ---------------------------------------------------- router . ...

javascriptnode.jsmongodbmongoosecallback

Can state be controlled by both the parent and children within the same element?

I am facing a situation where I have a component that requires updating the value from its parent, but also needs to handle user input changes without having to pass them back to the parent. See this scenario in action with this example: https://codesandbo ...

javascriptreactjsreact-nativereact-props

Tips for updating the default value of an HTML <select> tag using a customized <select> option

I'm struggling to update the value of my <select><option value=""></option></select> based on a custom select option I created. Customizing select options using JS and jQuery is necessary since they can't be easi ...

javascripthtmljquery

I am having trouble deactivating an HTML button using my JavaScript function

I have been working on a feature where a button in HTML is supposed to be disabled until a specific textbox is filled out. Once the textbox has content, the button should become enabled and save the user's name along with their score from a previous g ...

javascripthtml

How to print a specific div from an HTML page with custom dimensions

I am looking for a solution to print just a specific div from a website with dimensions of 3"x5". Despite setting up the print button, the entire page continues to print every time. Is there a way to hide all non-div content in print preview? CSS .wholeb ...

javascripthtmlcss

Enhancing website performance with a combination of Google Analytics outbound click tracking and a JavaScript speed bump

I have successfully integrated the universal GA for tracking outbound clicks, however I have also added a "speed bump" pop-up message that appears when a user clicks on an offsite link. The JavaScript code for this is as follows: (specific to bank client - ...

javascriptgoogle-analytics

What is the best method for incorporating card components from Stripe into a Vue.js application?

I am currently facing an issue with implementing Stripe in my Vue.js project. Despite following the documentation provided, I am encountering errors such as "stripe is not defined" and "Uncaught ReferenceError: h is not defined". Initially, I created a pa ...

javascriptvue.jsstripe-payments

Using VueJS to Bind an Array of Integer Values to Checkbox Models

I encountered a discrepancy between VueJS 1.0 and VueJS 2.0 regarding checkbox behavior. In VueJS 1.0, when binding checkboxes to a list of integers in v-model, the integers do not register as checked attributes. Below is the HTML code snippet: <div i ...

javascriptvue.jsvuejs2