Selenium系列之--04 常见元素操作总结

一、常见浏览器操作

// 1.浏览器中加载URL： get() --首先要启动浏览器
driver.get("https://www.baidu.com");
driver.navigate().to("http://www.baidu.com/"); 
//navigate方法会产生1个Navigator对象，其封装了与导航相关的一些方法，比如前进后退等

// 2.浏览器最大化： window().maximize()
driver.manage().window().maximize();
　　
// 3.刷新：refresh()
driver.navigate().refresh();

// 4.截图：getScreenshotAs()
File screenfile=((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(screenfile,new File("D:/12306.png"));

// 5.获取当前页的URL：getCurrentUrl()
String url = driver.getCurrentUrl();
System.out.println(url);

// 6.获取当前页的title：getTitle()
String title = driver.getTitle();
System.out.println(title);

二、常见页面元素操作总结

1. 文本框（input）

WebElement.sendKeys()    //元素赋值
WebElement.clear()       //清空
WebElement.getAttribute("value");    //获取元素的属性值（一组元素中非常实用）
WebElemetn.getText（）    //获取输入框文本内容

注：对于通过input标签实现的上传功能，可以将其看作是一个输入框，即通过sendKeys()指定本地文件路径的方式实现文件上传

2. 单选按钮，多选按钮

WebElement.click();
WebElement.isSelected();    //判断元素是否被选中
WebElement.isEnabled();
WebElement.isDisplayed();   //判断元素是否显示

3. 下拉选 select

WebElement.selectByIndex(int index) 通过index,从0开始
WebElement.selectByVisibleText(String text) 通过匹配到的可见字符，是显示在下拉框的值
WebElement.selectByValue(String value) 通过匹配到标签里的value 
//不选择对应的选择项：
select.deselectAll();
select.deselectByValue(“name”);
select.deselectByVisibleText(“姓名”);
//或者获取选择项的值：
select.getAllSelectedOptions();
select.getFirstSelectedOption();

详见：参考链接

4. 提示框Alert

细分三种，Alert，prompt，confirm

driver.switchTo().alert(); 获取alert

Alert(driver).accept() # 等同于点击“确认”或“OK”
Alert(driver).dismiss() # 等同于点击“取消”或“Cancel”
Alert(driver).authenticate(username,password) # 验证，针对需要身份验证的alert，目前还没有找到特别合适的示例页面
Alert(driver).send_keys(keysToSend) # 发送文本，对有提交需求的prompt框（上图3）
Alert(driver).text # 获取alert文本内容，对有信息显示的alert框

详见：参考链接

5. 超链接

超链接比较常见，一般都是标签a

WebElement.click();

如果是chrome浏览器打开超链接时，点超链接的同时按下Ctrl会打开新标签，按下shift会打开新窗口

6. 表单

提交方法：submit解释:查找到表单（from）直接调用submit即可

实例：driver.find_element_by_id("form1").submit()

切换方法：driver.switchTo().frame(xf)

解释：在 Web 应用中经常会遇到 frame/iframe 表单嵌套页面的应用， WebDriver 只能在一个页面上对元素识别与 定位， 对于 frame/iframe 表单内嵌页面上的元素无法直接定位。 这时就需要切换

dr.switchTo().frame("framename or id");
//frame直接跟id和名称均可

WebElement xf = driver.findElement(By.xpath("//*[@id='loginDiv']/iframe"));
driver.switchTo().frame(xf);
//-------跳出表单
driver.switchTo().defaultContent();

7. 窗口

//获取窗口的方法：
1. driver.getWindowHandle(); 返回的是字符串，获取当前窗口的句柄
2. driver.getWindowHandles(); 返回的是 Set<String> ，获取所有窗口
//窗口切换
driver.switchTo().window(window);

8. 浏览器的cookies

有时候我们需要验证浏览器中Cookie是否正确， 因为基于真实Cookie的测试是无法通过白盒测试和集成测试进行的。

getCookies()                   //获得所有 cookie 信息。
getCookieNamed(String name)    //返回字典的key为“name”的Cookie信息。
addCookie(cookie dict)         //添加Cookie。“cookie_dict”指字典对象，必须有 name和value值。
deleteCookieNamed(String name) //删除Cookie 信息。 “name”是要删除的 cookie的名称； “optionsString” 是该Cookie的选项，目前支持的选项包括“路径” ， “域” 。
deleteAllCookies()             //删除所有 cookie 信息。

9. 隐式等待

• implicitlyWait。识别对象时的超时时间。过了这个时间如果对象还没找到的话就会抛出NoSuchElement异常。

• setScriptTimeout。异步脚本的超时时间。WebDriver可以异步执行脚本，这个是设置异步执行脚本脚本返回结果的超时时间。

• pageLoadTimeout。页面加载时的超时时间。因为WebDriver会等页面加载完毕再进行后面的操作，所以如果页面超过设置时间依然没有加载完成，那么WebDriver就会抛出异常。

//页面加载超时时间设置为 5s
driver.manage().timeouts().pageLoadTimeout(5, TimeUnit.SECONDS);
driver.get("https://www.baidu.com/");

//定位对象时给 10s 的时间, 如果 10s 内还定位不到则抛出异常
driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
driver.findElement(By.id("kw")).sendKeys("selenium");

//异步脚本的超时时间设置成 3s
driver.manage().timeouts().setScriptTimeout(3, TimeUnit.SECONDS);

10. 执行JavaScript代码

使用selenium做自动化测试，有时需要执行一些JavaScript代码。在selenium中有Javascript类可以执行。 
import org.openqa.selenium.JavascriptExecutor; 
其中有两个方法我们会经常遇到。 
executeScript、executeAsyncScript

method	详情
executeScript	同步方法，用它执行js代码会阻塞主线程执行，直到js代码执行完毕；
executeAsyncScript	异步方法，它不会阻塞主线程执行。

a. 初始化driver

通过向下转型 JavascriptExecutor jse = (JavascriptExecutor) driver; 将driver转为JavascriptExector对象

然后再调用executeScript()方法来执行JS

JavascriptExecutor jse = (JavascriptExecutor)driver;  

b. 直接传入Javascript代码

可以直接给jse传入javascript代码:

jse.executeScript("window.document.getElementById('username').click()";  

c. 传入WebElement执行JS

//执行点击事件
JavascriptExecutor jse = (JavascriptExecutor) driver;
WebElement element = driver.findElement(By.id("jingshou"));  
jse.executeScript("arguments[0].click();", element);  

//元素赋值
jse.executeScript("arguments[0].value=\"北京\"", from_inpox);

//设置元素属性--- 指定的DIV新增(修改)了 style {height: 1000px}的属性
WebElement div = driver.findElemnt(By.id("myDiv"));  
jse.executeScript("arguments[0].setAttribute('style', arguments[1])", div, "height: 1000px");  

d. 滚动到指定位置小技巧

如何滚动到定位的元素，使用java script

// scroll to mylink
JavascriptExecutor scroll = (JavascriptExecutor) driver;
scroll.executeScript("arguments[0].scrollIntoView();", myLink);

// roll down and keep the element to the center of browser
JavascriptExecutor scroll = (JavascriptExecutor)driver;
scroll.executeScript("arguments[0].scrollIntoViewIfNeeded(true);", download);

<!-- window.scrollTo(左边距,上边距); -->
scroll.executeScript("window.scrollTo(100,450);");

//x为水平移动的像素、y为垂直移动像素、location为元素位置 
//操作滚动条 
1. 垂直滚动
String scroll = "document.documentElement.scrollTop=" + "y"; 
JavascriptExecutor jse=(JavascriptExecutor) driver; 
jse.executeScript(scroll);
2. 水平滚动
String scroll = "document.documentElement.scrollLeft=" + "x"; 
jse.executeScript(scroll);
3. 滚动条式
String scroll = "document.getElementById("location").scrollLeft=x";
jse.executeScript(scroll);

三、其他定位方式

1. JS的5种定位方式

有时候会出现一些诡异的定位失效或者定位到了点击失效的问题，这个时候如果用js进行直接执行该事件，往往就可以解决那些诡异的事情~

id定位：　　　　document.getElementById()
name定位：　　 document.getElementsByName()
tag定位：　　　 document.getElementsByTagName()
class定位：　　  document.getElementsByClassName()
css定位：　　　 document.querySelectorAll()

其中只有id对象用的是Element返回是单个对象，其他都是Elements返回的是一个list，下面的栗子：

search_js = "document.getElementsByName('wd')[0].value='selenium';"
search_js2 = "document.querySelectorAll('.s_ipt')[0].value='selenium';"
button_js = "document.getElementById('su').click();"
button_js2 = "document.getElementsByClassName('s_btn')[0].click()"
driver.execute_script(search_js2)
driver.execute_script(button_js2)

2. 超神的jQuery定位