自动化测试selenium在小公司的成功实践

2019-12-12 10:53:57 浏览数 (1)

顾翔老师开发的bugreport2script开源了，希望大家多提建议。文件在https://github.com/xianggu625/bug2testscript，

主文件是：zentao.py 。bugreport是禅道，script是python3 selenium 3，按照规则在禅道上书写的bugreport可由zentao.py程序生成py测试脚本。

来源：http://www.51testing.com

　　本文可能是目前最完整的一篇selenium（java版）实践文章，不是之一。

　　如果你是java开发人员，本文将帮助你快速搭建整套selenium自动化测试框架，你可以帮助公司升级为自动化测试架构；

　　如果你是测试人员，那你得按照本文多实践一下，遇到不懂的咨询下公司的java开发，同样你也可以完成自动化测试架构升级。

　　当然啦，如果目前公司已经是自动化测试了，那本文就当是再次梳理下相关知识吧。

前言

　　可能提到自动化测试selenium，大家都会想到用python语言来编写脚本。但我们选择了java语言，因为我相信大部分公司java程序员比python程序员多得多。而对于很多测试人员，并不能熟练使用编程语言，所以他们需要别人指导。与其使用更简单的python语言，却看不懂语法，得不到别人帮助；那还不如使用java语言，无论是语法还是编程思路，都可以快速获得java开发人员的帮助。

　背景

　　可能很多公司已经有标准的后端单元测试代码，但是自动化测试需要测试整个系统，前端是直接展示给用户的，所以，前端尤为重要，本文就是基于h5的web前端自动化测试。当然啦，这里推荐对项目进行前后端分离，如果项目没有前后端分离可参考某小公司RESTful、共用接口、前后端分离、接口约定的实践。

　　目前互联网上关于selenium完整的文章很少，也很难买到一个专门讲selenium的书籍，这让很多测试人员无从下手，而本文会弥补这一问题，尽可能详细完整介绍selenium的实践，提供一个简易版的完整项目代码在github上（因为公司项目代码没有脱敏，不能直接放到github上）。

　相关知识

　　html标签

　　css样式

　　js基础

　　java基础

　　bat脚本基础

　　首先html由标签<x></x>组成，详细本文会在真实项目中一一介绍。

正式实践

　　安装火狐浏览器

　　因为selenium在火狐浏览器里，可以自动化录制脚本，我们通过脚本录制可以生成出不同的语言脚本，可以省去我们90%的编写脚本工作量。

　　可以安装最新版的火狐浏览器，然后安装Katalon Recorder (Selenium IDE for Firefox)

　　使用火狐浏览器打开https://addons.mozilla.org/zh-CN/firefox/addon/katalon-automation-record/?src=search

　录制脚本

　　以百度搜索掘金为例

　　地址栏打开百度

　　右上角，打开Katalon扩展

　　点击Katalon的New

　　点击 Record

　　网页中输入 掘金网

　　打开第一个掘金官网

　　在掘金官网搜索我以前写的一篇文章 我是如何重构整个研发项目，促进自动化运维DevOps的落地？

　　点击第一条 我是如何重构整个研发项目，促进自动化运维DevOps的落地？

　　点击Katalon的stop

　　每执行一个操作右下角都会提示

　　录制后的效果图

运行、分析脚本

　　录制后，我们点击一下play，可以看到火狐浏览器自动化的完成了我们刚刚的操作（关闭弹窗阻止，或者将掘金和百度加入不阻止弹窗列表）

　　点击Export

　　可以看到有各种语言 C#、Java、katalon、python2等。我们先看看python2的脚本

代码语言：javascript复制
   # -*- coding: utf-8 -*-

　　from selenium import webdriver

　　from selenium.webdriver.common.by import By

　　from selenium.webdriver.common.keys import Keys

　　from selenium.webdriver.support.ui import Select

　　from selenium.common.exceptions import NoSuchElementException

　　from selenium.common.exceptions import NoAlertPresentException

　　import unittest, time, re

　　class Test(unittest.TestCase):

　　def setUp(self):

　　self.driver = webdriver.Firefox()

　　self.driver.implicitly_wait(30)

　　self.base_url = "https://www.katalon.com/"

　　self.verificationErrors = []

　　self.accept_next_alert = True

　　def test_(self):

　　driver = self.driver

　　driver.get("https://www.baidu.com/index.php?tn=monline_3_dg")

　　driver.find_element_by_id("kw").click()

　　driver.find_element_by_id("kw").clear()

　　driver.find_element_by_id("kw").send_keys(u"掘金网")

　　driver.find_element_by_xpath("//div[@id='container']/div[2]/div").click()

　　driver.find_element_by_link_text(u"掘金- juejin.im - 一个帮助开发者成长的社区").click()

　　# ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]

　　driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").click()

　　driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").click()

　　driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").clear()

　　driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").send_keys(u"我是如何重构整个研发项目，促进自动化运维DevOps的落地？")

　　driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").send_keys(Keys.ENTER)

　　driver.find_element_by_link_text(u"我是如何重构整个研发项目，促进自动化运维DevOps的落地？").click()

　　def is_element_present(self, how, what):

　　try: self.driver.find_element(by=how, value=what)

　　except NoSuchElementException as e: return False

　　return True

　　def is_alert_present(self):

　　try: self.driver.switch_to_alert()

　　except NoAlertPresentException as e: return False

　　return True

　　def close_alert_and_get_its_text(self):

　　try:

　　alert = self.driver.switch_to_alert()

　　alert_text = alert.text

　　if self.accept_next_alert:

　　alert.accept()

　　else:

　　alert.dismiss()

　　return alert_text

　　finally: self.accept_next_alert = True

　　def tearDown(self):

　　self.driver.quit()

　　self.assertEqual([], self.verificationErrors)

　　if __name__ == "__main__":

　　unittest.main()

　　我们再看看java junit脚本

代码语言：javascript复制
  package com.example.tests;

　　import java.util.regex.Pattern;

　　import java.util.concurrent.TimeUnit;

　　import org.junit.*;

　　import static org.junit.Assert.*;

　　import static org.hamcrest.CoreMatchers.*;

　　import org.openqa.selenium.*;

　　import org.openqa.selenium.firefox.FirefoxDriver;

　　import org.openqa.selenium.support.ui.Select;

　　public class Test {

　　private WebDriver driver;

　　private String baseUrl;

　　private boolean acceptNextAlert = true;

　　private StringBuffer verificationErrors = new StringBuffer();

　　@Before

　　public void setUp() throws Exception {

　　driver = new FirefoxDriver();

　　baseUrl = "https://www.katalon.com/";

　　driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);

　　}

　　@Test

　　public void test() throws Exception {

　　driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");

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

　　driver.findElement(By.id("kw")).clear();

　　driver.findElement(By.id("kw")).sendKeys("掘金网");

　　driver.findElement(By.xpath("//div[@id='container']/div[2]/div")).click();

　　driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();

　　// ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重构整个研发项目，促进自动化运维DevOps的落地？");

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);

　　driver.findElement(By.linkText("我是如何重构整个研发项目，促进自动化运维DevOps的落地？")).click();

　　}

　　@After

　　public void tearDown() throws Exception {

　　driver.quit();

　　String verificationErrorString = verificationErrors.toString();

　　if (!"".equals(verificationErrorString)) {

　　fail(verificationErrorString);

　　}

　　}

　　private boolean isElementPresent(By by) {

　　try {

　　driver.findElement(by);

　　return true;

　　} catch (NoSuchElementException e) {

　　return false;

　　}

　　}

　　private boolean isAlertPresent() {

　　try {

　　driver.switchTo().alert();

　　return true;

　　} catch (NoAlertPresentException e) {

　　return false;

　　}

　　}

　　private String closeAlertAndGetItsText() {

　　try {

　　Alert alert = driver.switchTo().alert();

　　String alertText = alert.getText();

　　if (acceptNextAlert) {

　　alert.accept();

　　} else {

　　alert.dismiss();

　　}

　　return alertText;

　　} finally {

　　acceptNextAlert = true;

　　}

　　}

　　}

　　python代码量明细比java要少一点，但是本文讲java语言实践。

　　我们主要关注 java版 @Test注解的那个test方法

代码语言：javascript复制
 driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");

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

　　driver.findElement(By.id("kw")).clear();

　　driver.findElement(By.id("kw")).sendKeys("掘金网");

　　driver.findElement(By.xpath("//div[@id='container']/div[2]/div")).click();

　　driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();

　　// ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重构整个研发项目，促进自动化运维DevOps的落地？");

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);

　　driver.findElement(By.linkText("我是如何重构整个研发项目，促进自动化运维DevOps的落地？")).click();

　　可能很多人已经能看懂了

　　driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");

　　打开百度

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

　　通过id定位到html标签，然后点击click();清空文本框.clear();输入 掘金网3个字 sendKeys("掘金网");

　　这里我们看一下百度的搜索框代码

<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">

　　driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();

　　单击掘金网

　　通过linktext定位到标签并点击。

　　后面通过div=juejin一层一层定位到input，最后点击进入文章。

认识html标签

　　HTML <input>标签

　　<input>标签用于搜集用户信息。

　　根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

<form action="form_action.asp" method="get">　　First name: <input type="text" name="fname" />　　Last name: <input type="text" name="lname" />　　<input type="submit" value="Submit" />　　</form>

　 详情参考 http://www.w3school.com.cn/tags/tag_input.asp

HTML <a>标签

<a> 标签定义超链接，用于从一张页面链接到另一张页面。　　<a> 元素最重要的属性是 href 属性，它指示链接的目标。

　　详情参考http://www.w3school.com.cn/tags/tag_a.asp

HTML <div>标签

　　<div>可定义文档中的分区或节（division/section）。

　　<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

　　如果用 id 或 class 来标记<div>，那么该标签的作用会变得更加有效。

<div style="color:#00FF00">　　<h3>This is a header</h3>　　<p>This is a paragraph.</p>　　</div>

　 详情参考http://www.w3school.com.cn/tags/tag_div.asp

　　…………

　　其他标签不一一介绍，可在参考网站上意义看

认识css

　　这里只讲1个关键的，比如

<div class="css1 css2"> ********</div>

　　表示这个div同时使用了css1和css2样式，只需要知道如果没办法在selenium上定位的这个div，可使用css名定位。

　　如果有兴趣，可再看下其他css相关知识。

　js基础

　　这里讲2个关键

<a onclick="test()">test</a>

　　上述代码，点击a标签会执行js中的test方法，当selenium无法定位到这个a标签，可以直接调用test()方法。

　　可以写简单的js脚本，弹窗代码：

alert("hello");

下载谷歌浏览器

　　下载谷歌浏览器，这里可以使用63.0.3239.84版本。

　　目前来说，谷歌浏览器版本兼容性还是不错的。

下载selenium driver

　　https://www.seleniumhq.org/download/

　　可不下，本文github项目中包含

下载selenium webdriver

　　https://npm.taobao.org/mirrors/chromedriver/

　　需下载和谷歌浏览器对应的版本2.40

　　可不下，本文github项目中包含

下载idea开发工具

　　https://www.jetbrains.com/idea/

　　这个比较复杂，建议在java开发人员指导下完成。

selenium

　　这个版本是简易版，但足够

最终效果

　　我们通过录制selenium脚本，编辑，提交到git库，由jenkins自动化编译出jar包，通过bat命令在任意一台pc端执行（默认开发人员提交代码后自动执行所有模块）。按功能模块，测试项目，生成测试报告。对测试不通过的模块

　最大化

driver.manage().window().maximize();

　　打开页面

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

　定位元素

　　多个相同时，返回第一个，没有找到会抛异常NoSuchElementException

WebElement element = driver.findElement(*);

　　当返回多个时：

List<WebElement> elements = driver.findElements(*);

　定位元素方式

<input class="input_class input_class2" type="text" name="user-name" id="user-id" />

　　通过id定位

WebElement element = driver.findElement(By.id("user-id"));

　　通过name定位

WebElement element = driver.findElement(By.name("user-name"));

　　通过className定位

WebElement element = driver.findElement(By.className("input_class.input_class2"));

　　注意多个class用小数点隔开，也可以使用cssSelector定位

WebElement element = driver.findElement(By.cssSelector("input"));

　　通过linkText定位，如：

WebElement element = driver.findElement(By.linkText("我是如何重构整个研发项目，促进自动化运维DevOps的落地？"));

　　意思就是链接内容定位

　　通过partialLinkText定位，模糊内容定位，和上相似

WebElement element = driver.findElement(By.linkText("我是如何重构整个研发项目？"));

　　通过tagName定位

WebElement element = driver.findElement(By.tagName("form"));

　　通过xpath定位

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

　　这个最为复杂，最简单的版本是

//标签类型[@属性名=属性值]

　　但也可以定位第几个

//input[4]

　　其中[]中还可以增加逻辑and or表达式

WebElement element = driver.findElement(By.xpath("//input[@type='text' and @name='user-name']"));　　WebElement element = driver.findElement(By.xpath("//input[@type='text' or @name='user-name']"));

　　[]中也可以增加start-with、ends-with、contains，比如

WebElement element = driver.findElement(By.xpath("//input[start-with(@id,'user-')]"));　　WebElement element = driver.findElement(By.xpath("//input[ends-with(@id,'user-')]"));　　WebElement element = driver.findElement(By.xpath("//input[contains(@id,'user-')]"));

　　还可以 任意属性名

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

　　更多xpath使用方法见

　　http://www.w3school.com.cn/xpath/index.asp

　　单击某个元素

.click()

　　清空input

.clear();

　　input中输入内容

.sendKeys("掘金网");

　　如果是上传附件，可直接sendKeys路径

.sendKeys("c:shao.png");

　　得到input内容

.getText();

　　下拉框

Select select = new Select(driver.findElement(By.id("frequency")));　　select.selectByValue("1");　　driver.findElement(By.id("validDays")).click();

select.selectByValue("a");　　select.deselectAll();　　select.deselectByValue("a");　　select.deselectByVisibleText("");　　select.getAllSelectedOptions();　　select.getFirstSelectedOption();

单选框

WebElement radio=driver.findElement(By.id("radio"));　　radio.click();&emsp;&emsp;&emsp;&emsp; //选择某个选项　　radio.clear();&emsp;&emsp;&emsp;&emsp; //清空选项　　radio.isSelected();&emsp;&emsp;//判断某个单选项是否被选中

复选框

WebElement checkbox = driver.findElement(By.id("checkbox"));　　checkbox.clear(); //清空选项　　checkbox.isSelected(); //是否选中

判断是否可点击

isEnabled()

alert框操作

Alert alert = driver.switchTo().alert();　　alert.accept();&emsp;&emsp;//确定　　alert.dismiss();&emsp; //取消

　iframe切换（重点）

　　可能很多老的项目都有iframe，录制脚本的时候正常录制，可执行的时候，却无法执行，这个时候，需要切换iframe

driver.switchTo().defaultContent();&emsp;//回到默认的页面　　driver.switchTo().frame("leftFrame"); //切换到某个iframe

　　切换iframe，结束后，记得切换回默认页面。

driver.findElement(By.linkText("导入模板")).click();　　WebElement iframe = driver.findElement(By.id("layui-layer-iframe1"));　　driver.switchTo().frame(iframe);　　Thread.sleep(2000);　　driver.findElement(By.linkText("引用")).click();　　driver.findElement(By.xpath("//button[@type='submit']")).click();　　driver.findElement(By.xpath("(//button[@type='button'])[3]")).click();　　Thread.sleep(1000);　　driver.findElement(By.linkText("学生")).click();

执行 js

JavascriptExecutor js = (JavascriptExecutor) driver;　　js.executeScript("viewDetail('1f50555e409a4597a027ff415ce6c9b4','09','2018')");

　 执行内部viewDetail方法

延时操作（重要）

　　很多时候我们需要延时，这时使用

Thread.sleep(1000);//延时1000毫秒

　　许多错误是因为需要等待时间，尝试增加一个延时，也许这个问题就过去了。

项目代码

　　假设，我们产品有多个环境，我们定义一个environments数组，（当-1时，提示用户输入），有多个模块（当-1时，提示用户输入），最终代码如下，执行后，错误报告会通过邮件发送到指定邮箱或者其他地方。

　　运行效果图

代码语言：javascript复制
   import org.openqa.selenium.*;

　　import org.openqa.selenium.chrome.ChromeDriver;

　　import webfunction.*;

　　import java.util.Scanner;

　　public class Main {

　　private static WebDriver driver;

　　private static String baseUrl;

　　private boolean acceptNextAlert = true;

　　/**

　　* 各个环境

　　* */

　　private static String[] environments = {"环境1", "环境2", "环境3", "环境4", "环境5", "环境6"};

　　/**

　　* 错误日志

　　* */

　　private static StringBuffer verificationErrors = new StringBuffer();

　　/**

　　* 是否处于debug模式

　　*/

　　private static boolean debug = false;

　　/**

　　* -1为手动模式，否则为指定数字

　　* */

　　private static String environment = "-1";

　　/**

　　* -1为手动模式，否则为指定数字

　　* */

　　private static String methods = "-1";

　　public static void main(String[] args) throws Exception {

　　//引用火狐浏览器驱动

　　System.setProperty("webdriver.chrome.driver", "C:\selenium\chromedriver.exe");

　　//定义用户名密码

　　String uname, upw;

　　Scanner sc = new Scanner(System.in);

　　System.out.println("请选择环境");

　　for (int i = 0; i < environments.length; i  ) {

　　System.out.println(i   ":"   environments[i]);

　　}

　　if ("-1".equals(environment)) {

　　environment = sc.next();

　　}

　　System.out.println("请输入需要测试的功能，英文逗号隔开");

　　if ("-1".equals(methods)) {

　　methods = sc.next();

　　}

　　driver = new ChromeDriver();

　　System.out.println("您选择的是"   environments[Integer.valueOf(environment)]);

　　switch (environment) {

　　case "0":

　　baseUrl = "http://*.*.*.*/";

　　uname = "admin";

　　upw = "admin";

　　testManage(baseUrl, uname, upw, methods, driver);

　　break;

　　case "1":

　　baseUrl = "http://*.*.*.*/";

　　uname = "admin";

　　upw = "admin";

　　testManage(baseUrl, uname, upw, methods, driver);

　　break;

　　case "2":

　　//等等等……

　　break;

　　}

　　}

　　private static void testManage(String url, String uname, String upw, String methods, WebDriver driver) throws InterruptedException {

　　//先登录管理端

　　WebLogin.webLogin(driver, url, uname, upw);

　　//然后测试所有模块

　　String[] strArray = null;

　　strArray = methods.split(",");

　　for (int i = 0; i < strArray.length; i  ) {

　　switch (strArray[i]) {

　　case "0":

　　try {

　　// 系统基础管理 - 用户管理 - 新增用户

　　WebSystemManage.addnewUser(driver, url);

　　} catch (Exception e) {

　　verificationErrors.append("系统基础管理 - 用户管理 - 新增用户   出错");

　　log(e);

　　}

　　break;

　　case "1":

　　try {

　　// 系统基础管理 - 用户管理 - 编辑用户

　　WebSystemManage.editUser(driver, url);

　　} catch (Exception e) {

　　System.out.println("系统基础管理 - 用户管理 - 编辑用户   出错");

　　log(e);

　　}

　　break;

　　default:

　　break;

　　}

　　}

　　report(verificationErrors);

　　}

　　private static void report(StringBuffer verificationErrors) {

　　//发送邮件

　　}

　　/**

　　* 根据debug变量是否输出日志

　　* @param e

　　*/

　　private static void log(Exception e) {

　　if (debug) {

　　e.printStackTrace();

　　}

　　}

　　private static boolean isElementPresent(By by) {

　　try {

　　driver.findElement(by);

　　return true;

　　} catch (NoSuchElementException e) {

　　return false;

　　}

　　}

　　private static boolean isAlertPresent() {

　　try {

　　driver.switchTo().alert();

　　return true;

　　} catch (NoAlertPresentException e) {

　　return false;

　　}

　　}

　　private static String closeAlertAndGetItsText() {

　　try {

　　Alert alert = driver.switchTo().alert();

　　String alertText = alert.getText();

　　if (acceptNextAlert) {

　　alert.accept();

　　} else {

　　alert.dismiss();

　　}

　　return alertText;

　　} finally {

　　acceptNextAlert = true;

　　}

　　}

　　}

　　代码那么多其实我们只关注 public static void main(String[] args) throws Exception {}内的内容，比如，我们想运行我们最初录制的掘金脚本，只需将那端我要求特别关注的代码放到里面即可，具体代码如下：

代码语言：javascript复制
 import org.openqa.selenium.*;

　　import org.openqa.selenium.chrome.ChromeDriver;

　　public class Main {

　　private static WebDriver driver;

　　public static void main(String[] args) throws Exception {

　　//引用火狐浏览器驱动

　　System.setProperty("webdriver.chrome.driver", "C:\selenium\chromedriver.exe");

　　driver = new ChromeDriver();

　　driver.manage().window().maximize();

　　//以下为Katalon Recorder录制后的脚本

　　driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");

　　Thread.sleep(2000);

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

　　driver.findElement(By.id("kw")).clear();

　　driver.findElement(By.id("kw")).sendKeys("掘金网");

　　Thread.sleep(100);

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

　　Thread.sleep(1000);

　　driver.findElement(By.xpath("//div[@id='container']/div[2]/div")).click();

　　driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();

　　Thread.sleep(3000);

　　// ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重构整个研发项目，促进自动化运维DevOps的落地？");

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);

　　Thread.sleep(2000);

　　driver.findElement(By.linkText("我是如何重构整个研发项目，促进自动化运维DevOps的落地？")).click();

　　}

　　}

　 上述代码中注释内是Katalon Recorder导出的脚本，但是我们增加了一些延时操作，selenium延时有很3种：普通sleep、显示等待方式、隐式等待方式。这里先简单粗暴一下，用Thread.sleep(*);延时，比如打开百度延时2秒、输入“掘金网”延时100毫秒、搜索后延时3秒…………

　　很遗憾，我们代码报错：

　　大概意思说超时没有找到那个搜索框，由于各种各样的原因，会导致我们在火狐浏览器中录制的脚本在java代码中的谷歌浏览器里无法兼容，这个时候我们需要去分析一下具体逻辑。

　　这里是由于新窗口需要切换window，可使用下述代码切换（替换代码中// ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]这行即可）。

Set<String> windowHandles = driver.getWindowHandles();　　String windowHandle = driver.getWindowHandle();　　for (String handle : windowHandles) {　　if (!handle.equals(driver.getWindowHandle())) {　　driver.switchTo().window(handle);　　break;　　}　　}

　　导出的脚本By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")这一句很复杂，我们试着简化它。

<input data-v-5ce25e66="" maxlength="32" placeholder="搜索掘金" class="search-input">

　　首先搜索下search-input样式，看该页面是否只有一个search-input样式。

　　果然search-input样式只有一个标签。

　　于是我们将

By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")　　//改为　　By.className("search-input")

　　最终代码

代码语言：javascript复制

   import org.openqa.selenium.*;

　　import org.openqa.selenium.chrome.ChromeDriver;

　　import java.util.Set;

　　public class Main {

　　private static WebDriver driver;

　　public static void main(String[] args) throws Exception {

　　//引用火狐浏览器驱动

　　System.setProperty("webdriver.chrome.driver", "C:\selenium\chromedriver.exe");

　　driver = new ChromeDriver();

　　driver.manage().window().maximize();

　　driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");

　　Thread.sleep(2000);

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

　　driver.findElement(By.id("kw")).clear();

　　driver.findElement(By.id("kw")).sendKeys("掘金网");

　　Thread.sleep(100);

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

　　Thread.sleep(1000);

　　driver.findElement(By.xpath("//div[@id='container']/div[2]/div")).click();

　　driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();

　　Thread.sleep(7000);

　　Set<String> windowHandles = driver.getWindowHandles();

　　String windowHandle = driver.getWindowHandle();

　　for (String handle : windowHandles) {

　　if (!handle.equals(driver.getWindowHandle())) {

　　driver.switchTo().window(handle);

　　break;

　　}

　　}

　　// ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重构整个研发项目，促进自动化运维DevOps的落地？");

　　driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);

　　Thread.sleep(2000);

　　driver.findElement(By.linkText("我是如何重构整个研发项目，促进自动化运维DevOps的落地？")).click();

　　}

　　}

编译打包

　　得到selenium.jar包，可复制到C:selenium下，和chromedriver.exe同级。

　　输入cmd命令

C:UsersAdministrator>cd C:selenium　　C:selenium>java -jar selenium2.jar

　　即可自动化运行，非windows系统下载2.40其他版本https://npm.taobao.org/mirrors/chromedriver/2.40/

github项目运行

　　https://github.com/qq273681448/selenium

　　为了防止有读者没有改maven库镜像，所以把lib包都放在项目中了。直接使用idea打开，可能有些配置需要改，可参考

　写在最后

　　至此，一个基础版的selenium框架就搭好了，后续，可以连接数据库，从库中随机取出帐号，进行项目测试。也可以配合bat脚本，实现自动化测试以及报告生成。

星云测试

http://www.teststars.cc

奇林软件

http://www.kylinpet.com

联合通测

http://www.quicktesting.net

selenium java javascript

0 人点赞