Selenium WebDriver高级用法

掌握selenium初级用法后,来继续深入学习。

选择合适的WebDrvier

WebDriver是一个接口,它有几种实现,分别是HtmlUnitDrvierFirefoxDriverInternetExplorerDriverChromeDriverOperaDriver,除了 InternetExplorerDriver只能在Windows平台运行,其他WebDriver均能跨平台。

如果追求运行速度,HtmlUnitDriver是首选,但是它没有运行界面,不能实时看到运行效果。如果想看到运行效果,可以使用FirefoxDrvier,它会真正打开浏览器,在屏幕上运行,因此我们可以监测页面元素的位置、CSS的值等,但是代价就是速度慢。

这里为了简单,使用 HtmlUnitDriver.

WebDriver  driver = new HtmlUnitDriver();

导航

有了WebDriver实例,第一件事情就是打开页面。一般的做法是调用get方法:

driver.get("https://www.yeetrack.com");

WebDriver会一直等待,直到页面加载完毕(也就是”onload”方法释放)。

和页面进行交互

仅仅打开页面还不够,我们需要的是在页面上进行操作,进一步讲就是要操作页面中的html元素,如:

<input type="text" name="passwd" id="passwd-id" />

要操作页面元素,首先要定位元素,可以通过多种方法定位,如下:

WebElement element;
element = driver.findElement(By.id("passwd-id"));
element = driver.findElement(By.name("passwd"));
element = driver.findElement(By.xpath("//input[@id='passwd-id']"));

定位元素时,有两点要注意。通过text的值来定位一个Link时,text必须精确匹配;通过xpath来定位元素时,如果匹配到多条,只会返回第一条结果,如果没有匹配到,会抛NoSuchElementException异常。

WebDriver拥有”Object-baseed” API,我们可以使用WebElement来表示所有的页面元素。WebElement类有很多操作元素的方法,但是有些方法可能对当前元素无效,不用担心,WebDriver会尽力帮我们处理。如,对一个”meta”标签元素,我们调用了WebElement的”SetSelected()”方法,WebDriver会抛出异常。

我们定位到一个Element,接下来,我们可能要进行一些操作,如想键入一些字符:

element.sendKeys("sone text");

当然,我们也可以通过”Keys”这个类,来模拟键盘输入:

element.sendKeys(" and some", Keys.ARROW_DOWN);

记住,我们向这些元素输入的字符串,它们不会自动清空,也就是说调用”sendKeys()”方法,就是向元素中追加字符串。如果要清空一个input标签或者textarea:

element.clear();

填写表单

已经知道了如何键入字符串,那么其他元素呢?如checkboxes,如何选中;”OPTION”标签,如何设置”setSelected()”。下面是处理Select标签的例子:

WebElement select = driver.findElement(By.xpath("//select"));
List<WebElement> allOptions = select.findElements(By.tagName("option"));
for(WebElement option : allOptions)
{
    System.out.println(String.format("Value is " %s, option.getAttribute("value")));
    option.click();
}

上面的代码,首先定位一个Select元素,然后获取它下面的所有option,并且打印出来,执行一个click操作。明显,如果想选中某个选中,这种方法不是最佳选择。其实WebDrvier定义了Select类,它提供一些更快捷的方式,如”selectByIndex()”、”selectByValue()”。

表单填写完毕,然后就是提交,我们可以通过点击提交按钮,进行提交。

driver.findElement(By.id("submit")).click();

或者,WebElement提供”submit()”这个方法,如果当前元素处在form表单中,调用该元素的submit方法,WebDriver就会自动提交这个表单;如果不处于form表单中,会抛出”NoSuchElementException”异常。

element.submit();

拖放

WebDriver允许我们拖放元素,如将某个元素拖到其他地方、或者将某个元素拖到其他元素上。

WebElement element = driver.findElement(By.name("source"));
WebElement element = driver.findElement(By.name("target"));
(new Actions(driver)).dragAndDrop(element, target).perform();

切换window或者Frame

对于现在的web应用程序来说,很少有单个window的情况,都是嵌入了其他的frame。WebDrvier支持使用”switchTO”方法切换到其他window。

driver.switchTo().window.("windowName");

上面的代码执行后,driver就会切换到windowName这个window。但是如何获取windowName呢?来一个例子:

<a href="https://www.yeetrack.com" target="windowName">点击打开新窗口</a>

还有,我们可以通过”window handle”来切换,并且还可以遍历当前所有的window

for(String handle : driver.getWindowHandles())
{
    driver.switchTo().window(handle);
}

切换frame(或者iframe)

driver.switchTo().frame("frameName");

switchTo()可以链式调用,或者通过index来切换

drvier.switchTo().frame("frameName")
      .switchTo().frame(0)
      .switchTo().frame("child");

上面的语句执行后,driver会进入”frameName”这个frame,然后进入到第一个子frame,然后再进入到这个子frame的名称是”child”的frame中。如果要回到顶级的frame,执行下面的代码:

driver.switchTo().defaultContent();

导航:History和Location

早先,我们使用WebDriver的get方法,打开了”https://www.yeetrack.com”。WebDriver提供一些接口,其中一个如下:

driver.navigate().to("https://www.yeetrack.com");

“navigate().to()”和”get()”方法,实现的功能完全一样,只不过”get()”拼写起来更简单。

“navigete”接口,还可以控制浏览器的前进和后退:

driver.navigate().forward();
driver.navigate().back();

请注意,这个功能完全依赖于底层的浏览器。如果两种浏览器的行为不一致,那么代码执行的效果也会不一致。

Cookies

浏览器的安全测试,cookie是不能跨域的,所以你想操作A域名的cookie,首先你要让切换到A域名上。

//打开域名
driver.get("https://www.yeetrack.com");

//添加Cookie
Cookie cookie = new Cookie("uuid", "abcdedfjeiajfei");
driver.manage().addCookie(cookie);

//遍历当前域名的cookie
Set(Cookie) allCookies = driver.manage().getCookies();
for(Cookie loadedCookie : allCookies)
{
    System.out.println(String.format("%s ---> %s", loadedCookie.getName(), loadedCookie.getValue()));
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

(Spamcheck Enabled)