Selenium WebDriver PageFactory FindsBy使用jQuery Selector？

Question

爲了解釋我的問題，我已經給了一個小場景：

說我有一個登錄頁面。

public class LoginPage 
{ 
    [FindsBy(How = How.Id, Using = "SomeReallyLongIdBecauseOfAspNetControlsAndPanels_username"] 
    public IWebElement UsernameField { get; set; } 

    [FindsBy(How = How.Id, Using = "SomeReallyLongIdBecauseOfAspNetControlsAndPanels_password"] 
    public IWebElement PasswordField { get; set; } 

    [FindsBy(How = How.Id, Using = "submitButtonId")] 
    public IWebElement SubmitButton { get; set; } 

    private readonly IWebDriver driver; 

    public LoginPage(IWebDriver driver) 
    { 
     this.driver = driver; 

     if(!driver.Url.Contains("Login.aspx")) 
     { 
      throw new NotFoundException("This is not the login page."); 
     } 
     PageFactory.InitElements(driver, this); 
    } 

    public HomePage Login(Credentials cred) 
    { 

     UsernameField.sendKeys(cred.Username); 
     PasswordField.SendKeys(cred.Password); 
     SubmitButton.Click(); 

     return new HomePage(driver); 
    } 

} 

[TestFixture] 
public class Test : TestBase 
{ 
    private IWebDriver driver; 

    [SetUp] 
    public void SetUp() 
    { 

     driver = StartDriver(); // some function which returns my driver in a wrapped event or something so I can log everything it does. 
    } 

    [Test] 
    public void Test() 
    { 
     new LoginPage(driver) 
       .Login(new Credentials 
          { Username = "username", 
          Password = "password" }) 
       .SomeHomePageFunction() 

    } 

最終，我知道頁面配置將發生變化，該ID的將主要保持不變，但事情在我的項目迅速改變。我知道xPath是另一種選擇，但由於頁面是基於特定標準生成的，因此路徑不會總是相同，這仍然會變得很痛苦。

使用上面的當前代碼，頁面被加載，並且PageFactory init通過Page Constructor來加載元素。非常棒。這是我目前使用的。

目前，如果某些事情並非總是在頁面上生成，直到某個步驟。我通常做到以下幾點：

private const string ThisIsTheUserNameFieldId = "usernamefield"; 

然後使用撞了上去webdriver的以下內容：

// Navigate to login page 

// code here 

// Enter in credentials 

driver.FindElement(By.Id(ThisIsTheUserNameFieldId)).SendKeys(cred.Username); 

沒有得到很好的結構爲PageFactory，但可以肯定的是，我現在無法繞過的要求。

我最近遇到了一些與C＃.Net一起使用的jQuery Selector代碼，它擴展了RemoteWebDriver的功能，我可以使用jQuery選擇器在頁面上查找我的元素。

Selenium jQuery for C#.Net (Including Source)

// So I can do things like this: 
driver.FindElement(By.jQuery("a").Find(":contains('Home')").Next()) 

有誰知道我可以在硒的webdriver延長[FindsBy]屬性，以便它可以使用類似下面的（僞代碼）？

[FindsBy(How = How.jQuery, Using = "div[id$='txtUserName']")] 
public IWebElement UsernameField { get; set; } 

Answer 1

這不延長[FindsBy]，但你是否知道，你可以使用JavaScript的返回的元素？：

var driver = new FirefoxDriver { Url = "http://www.google.com" }; 
var element = (IWebElement)((IJavaScriptExecutor)driver).ExecuteScript("return document.getElementsByName('q')[0];"); 
element.SendKeys("hello world"); 

您可以輕鬆地擴展，以允許通過jQuery選擇第一注射的jquery（從JQuerify截取和修改）：

const string js = 
    @"{var b=document.getElementsByTagName('body')[0]; if(typeof jQuery=='undefined'){var script=document" + 
    @".createElement('script'); script.src='http://code.jquery.com/jquery-latest.min.js';var head=document" + 
    @".getElementsByTagName('head')[0],done=false;script.onload=script.onreadystatechange=function(){if(!" + 
    @"done&&(!this.readyState||this.readyState=='loaded'||this.readyState=='complete')){done=true;script." + 
    @"onload=script.onreadystatechange=null;head.removeChild(script);}};head.appendChild(script);}}"; 
((IJavaScriptExecutor)driver).ExecuteScript(js); 

，然後運行JavaScript來SEL ECT元素你想要的：

var driver = new FirefoxDriver { Url = "http://www.google.com" }; 
var element = (IWebElement)((IJavaScriptExecutor)driver).ExecuteScript(@"return $('input[name*=""q""]')[0];"); 
element.SendKeys("hello world");