Selecting and Identifying element with JQuery to use it in Selenium 2 Java API

Question

This is the situation:

I use the Java API of Selenium 2 to open and control a firefox browser instance
I load the jQuery script to a page via JavaScript execution
I then use jQuery expressions to select elements and traverse through the DOM tree

Now is my question, can i somehow find a unique identifier for each of the found elements? My goal is to get the same element with Selenium by using an Xpath or CSS selector. So it would be most straighforward if i could generate an unambiguous selector for the elements in jQuery. Other ideas are welcome too.

I need an automatic approach for identifying elements in jQuery, which can be "converted" to Selenium elements / locators.

/edit

To make it clearer:

If i have selected an element in jQuery:

webDriver.executeScript("var element = $('#myDiv input.test')");

Now, I want something like this:

WebElement webElement = webDriver.executeScript("return element");

Is that possible?

This is basically the other direction to this question: stackoverflow.com/q/5605456/675065 — Alp
– Alp, Commented Apr 9, 2011 at 14:45

Alp · Accepted Answer · 2011-04-15 00:44:23Z

11

I found the solution, which is quite easy:

String jQuerySelector = "'#myDiv input.test'";
RenderedWebElement webElement = (RenderedWebElement) ((JavascriptExecutor) webDriver).executeScript("return $(" + jQuerySelector+ ").get(0);");

Working with an element in jQuery which was previosly selected in Selenium works too:

String jQuerySelector = "arguments[0]";
((JavascriptExecutor) webDriver).executeScript("return $(" + jQuerySelector+ ").doSomethingInJquery();", webElement);

answered Apr 15, 2011 at 0:44

Alp

29.8k29 gold badges123 silver badges204 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Ripon Al Wasim Over a year ago

For using RenderedWebElement interface which package should be imported in Java?

Alp Over a year ago

It might have changed to WebElement

Ripon Al Wasim Over a year ago

I am getting the following error during using jQuery in WebDriver with java: org.openqa.selenium.WebDriverException: $ is not defined (WARNING: The server did not provide any stacktrace information) Command duration or timeout: 915 milliseconds... How can I solve this?

Ripon Al Wasim Over a year ago

previous code: jse.executeScript("$('#gbqfq').click();"); According to your direction current code is: jse.executeScript("jQuery('#gbqfq').click();"); Am I right?

Ripon Al Wasim Over a year ago

sorry to say, same problem : org.openqa.selenium.WebDriverException: jQuery is not defined (WARNING: The server did not provide any stacktrace information) Command duration or timeout: 4.29 seconds. Is there any configuration for jQuery?

|

JohnP2 · Accepted Answer · 2018-06-06 13:54:53Z

1

Using eval makes it even easier. Use an index selector such as [0] with the jQuery code or it will return a collection of elements.

    String elementLocator = "$('#btnID')[0]";
    public RemoteWebElement getElementByJQueryLocator(String jQueryLocator){
        JavascriptExecutor js = (JavascriptExecutor) driver;
        RemoteWebElement element = (RemoteWebElement) js.executeScript("return eval(arguments[0]);", jQueryLocator);
        return element;
    }

        RemoteWebElement webElement = getElementByJQueryLocator(elementLocator);
        webElement.click();

edited Jun 6, 2018 at 13:54

answered Jun 6, 2018 at 13:46

JohnP2

2,33523 silver badges20 bronze badges

1 Comment

Anjana Silva Over a year ago

Among all the above answers, this is the only one that works. Thanks mate!

Tarun · Accepted Answer · 2011-03-31 07:51:07Z

0

Not sure of your exact problem but you can build you locator using html id, name, class etc attributes.

answered Mar 31, 2011 at 7:51

Tarun

3,50611 gold badges51 silver badges86 bronze badges

3 Comments

Alp Over a year ago

I know that. But is there an automatic method that gives me always a valid locator to find an element i have selected in jQuery?

Tarun Over a year ago

I am not aware of jQuery and I suppose there is no such automatic method from selenium

Alp Over a year ago

I need an automatic approach for identifying elements in jQuery, which can be "converted" to Selenium elements / locators.

Collectives™ on Stack Overflow

Selecting and Identifying element with JQuery to use it in Selenium 2 Java API

3 Answers 3

6 Comments

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related