Selenium WebDriver PageFactory使用jQuery Selector FindsBy?

时间:2011-12-06 16:20:56

标签: jquery-selectors attributes webdriver selenium-webdriver

为了解释我的问题,我给出了一个小方案:

说我有一个登录页面。

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())

有谁知道我如何扩展Selenium WebDriver中的[FindsBy]属性,以便可以使用类似下面的内容(伪代码)?

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

1 个答案:

答案 0 :(得分:4)

这不会扩展 [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(取自JQuerify并修改)来轻松扩展它以允许jquery选择器:

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以选择所需的元素:

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