Selen WebDriver JQUERY

Question

Ich bin sehr neu für Selen WebDriver und ich lerne Selenium WebDriver wie jQuery Selektoren zu verwenden, um mit Elementen anstelle von XPath-Ausdrücken arbeiten, IDs, etc ...

Könnten Sie bitte helfen Ich über den Link, wo ich die grundlegenden Informationen zur Verwendung von jQuery im Selenium WebDriver finden kann?

Answer 1

Sie sollten nicht. JQuery-Selektoren bieten das meiste, was CSS 2 und CSS 3 Selektoren tun, plus etwas mehr, aber Sie können wahrscheinlich ohne es leben. Wenn Sie JQuery-Selektoren kennen, kennen Sie bereits CSS-Selektoren.

Verwenden Sie CSS-Selektoren, wo Sie können und verwenden Sie XPath-Ausdrücke, wo es nicht genug ist (sie sind stärker). Ich bezweifle, dass Sie viele echte Verwendungen finden, wo diese beiden nicht genug sind (und dann ist der übliche Ansatz, um zu bekommen, was Sie können und über die Sammlung iterieren, die Ergebnisse manuell filtern).

---

Das heißt, Sie möglicherweise WebDriver zwingen könnte JQuery Selektoren zu akzeptieren, auch:

Wenn Sie nur ein oder zwei Browser unterstützen möchten, ist der einfachste Weg, um ein einfaches Add-on zu diesem Browser schreiben könnte zu Das würde JQuery auf jeder Seite einfügen, wenn es nicht bereits vorhanden ist. Sie würden dann erzwingen, dass dieses Add-On für den von Ihnen verwendeten Browser verwendet wird.

Wenn Sie allen Browsern unterstützt werden soll, diese Lösung wird schnell eine Last und das Beste, was Sie tun können, ist ein Dekorateur für WebDriver zu schreiben, die versuchen würde, JQuery in die Seite, bevor eine findElements() und/oder executeScript() Anruf zu injizieren wenn es nicht schon vorhanden ist.

Siehe this question, um eine Vorstellung über die Injektion von JQuery zu erhalten.

Nachdem Sie es injiziert haben, können Sie es verwenden, wieder nur über JavaScript:

// earlier 
if (driver instanceof JavascriptExecutor) { 
    js = (JavascriptExecutor)driver; 
} else { 
    throw new IllegalStateException("This driver cannot run JavaScript."); 
} 

WebElement element = (WebElement)js.executeScript("$('div.account').get(0)"); 
// or 
List<WebElement> elements = (List<WebElement>)js.executeScript("$('div.account').get()"); 

Sie können ganz einfach diese Zeilen in eine neue By Objekt wickeln oder eine neue findElement(String jQuerySelector) Methode für Ihre dekoriert WebDriver wenn Sie wollen, aber das ist bis zu Ihrer Bequemlichkeit und Faulheit, haben wir es arbeitet ...

---

Der beste Ansatz, glaube ich, wäre eine neue By Implementierung ByJQuery genannt zu erstellen. Siehe this answer zum Erstellen eines ByJavaScript - es ist ein kleiner Schritt von dort, es wieder zu verwenden, JQuery in die Seite zu injizieren und die eigentliche Abfrage auszuführen.

Answer 2

iWebdriver jQuery Erweiterung, Dies funktioniert über alle Browser. Kopieren Sie und fügen Sie sie in Ihre Webdriver-Erweiterung ein.

public static IWebElement FindByTextJQuery(this IWebDriver driver, string Tagname, string Text) 
    { 
     IJavaScriptExecutor js = (IJavaScriptExecutor)driver; 
     bool flag = (bool)js.ExecuteScript("return typeof jQuery == 'undefined'"); 
     if (flag) 
     { 
      js.ExecuteScript("var jq = document.createElement('script');jq.src = '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(jq);"); 
     } 
     driver.WaitForAjax(); 
     js.ExecuteScript("$('" + Tagname + ":contains(" + Text + ")').css('background-color', '')"); 
     IWebElement elements = (IWebElement)js.ExecuteScript(@"return $('"+Tagname+":contains("+Text+")')[0]"); 
     return elements; 
    } 

public static string getTextByJquery(this IWebDriver driver, string jquery) 
    { 
     IJavaScriptExecutor js = (IJavaScriptExecutor)driver; 
     string elementsText = (string)js.ExecuteScript("return $('" + jquery + "').text()"); 
     return elementsText; 
    } 

public static int returnIndexByJquery(this IWebDriver driver, string jQuery) 
    { 

     IJavaScriptExecutor js = (IJavaScriptExecutor)driver; 
     bool flag = (bool)js.ExecuteScript("return typeof jQuery == 'undefined'"); 
     if (flag) 
     { 
      js.ExecuteScript("var jq = document.createElement('script');jq.src = '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(jq);"); 
     } 
     driver.WaitForAjax(); 
     // js.ExecuteScript(@"return $('" + Tagname + ":contains(" + Text + ")').css('background-color', 'blue')"); 
     Int64 elementIndex = (Int64)js.ExecuteScript(@"return $('"+jQuery+"').index()[0]"); 
     return Convert.ToInt32(elementIndex);      
    } 

    public static int returnCountByJquery(this IWebDriver driver, string jQuery) 
    { 
     IJavaScriptExecutor js = (IJavaScriptExecutor)driver; 
     bool flag = (bool)js.ExecuteScript("return typeof jQuery == 'undefined'"); 
     if (flag) 
     { 
      js.ExecuteScript("var jq = document.createElement('script');jq.src = '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(jq);"); 
     } 
     driver.WaitForAjax(); 
     // js.ExecuteScript(@"return $('" + Tagname + ":contains(" + Text + ")').css('background-color', 'blue')"); 
     Int64 elementCount = (Int64)js.ExecuteScript(@"return $('" + jQuery + "').size()"); 
     return Convert.ToInt32(elementCount); 
    } 

Answer 3

Ich benutze find_element_by_css_selector() und es gibt mir alles, was ich brauche.

Laut this blog post verwendet Selen die gleiche css-Engine wie jQuery.

Answer 4

Unten ist der Codeblock für den Einsatz der Klick-Aktion auf das Element mit dem Wählschalter jquery Auswählen

1) .overlay-Selektor-indicator.ui-draggable.selected-Overlay.ui-resizable

Webdriver driver = new SafariDriver(); 
JavascriptExecutor jse = (JavascriptExecutor)driver; 
jse.executeScript("$('.overlay-selector-indicator.ui-draggable.selected-overlay.ui-resizable').click();", ""); 

Sie alle jQuery-Selektor statt 1 verwenden können und jedes Ereignis statt Klick können().