原文地址：https://juejin.im/post/5b25e8cae51d4558c4720845?utm_source=gold_browser_extension

自動化測試selenium在小公司的成功實踐

本文可能是目前最完整的一篇selenium（java版）實踐文章，不是之一。
如果你是java開發(fā)人員，本文將幫助你快速搭建整套selenium自動化測試框架，你可以幫助公司升級為自動化測試架構；
如果你是測試人員，那你得按照本文多實踐一下，遇到不懂的咨詢下公司的java開發(fā)，同樣你也可以完成自動化測試架構升級。
當然啦，如果目前公司已經是自動化測試了，那本文就當是再次梳理下相關知識吧。

前言

可能提到自動化測試selenium，大家都會想到用python語言來編寫腳本。但我們選擇了java語言，因為我相信大部分公司java程序員比python程序員多得多。而對于很多測試人員，并不能熟練使用編程語言，所以他們需要別人指導。與其使用更簡單的python語言，卻看不懂語法，得不到別人幫助；那還不如使用java語言，無論是語法還是編程思路，都可以快速獲得java開發(fā)人員的幫助。

背景

可能很多公司已經有標準的后端單元測試代碼，但是自動化測試需要測試整個系統(tǒng)，前端是直接展示給用戶的，所以，前端尤為重要，本文就是基于h5的web前端自動化測試。當然啦，這里推薦對項目進行前后端分離，如果項目沒有前后端分離可參考某小公司RESTful、共用接口、前后端分離、接口約定的實踐。

目前互聯(lián)網上關于selenium完整的文章很少，也很難買到一個專門講selenium的書籍，這讓很多測試人員無從下手，而本文會彌補這一問題，盡可能詳細完整介紹selenium的實踐，提供一個簡易版的完整項目代碼在github上（因為公司項目代碼沒有脫敏，不能直接放到github上）。

正式實踐

安裝火狐瀏覽器

因為selenium在火狐瀏覽器里，可以自動化錄制腳本，我們通過腳本錄制可以生成出不同的語言腳本，可以省去我們90%的編寫腳本工作量。可以安裝最新版的火狐瀏覽器，然后安裝Katalon Recorder (Selenium IDE for Firefox) 使用火狐瀏覽器打開https://addons.mozilla.org/zh-CN/firefox/addon/katalon-automation-record/?src=search

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-9271fe-1529311944618-22)]

</figure>

錄制腳本

以百度搜索掘金為例

地址欄打開百度
右上角，打開Katalon擴展
點擊Katalon的New
點擊 Record
網頁中輸入掘金網
打開第一個掘金官網
在掘金官網搜索我以前寫的一篇文章我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？
點擊第一條我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？
點擊Katalon的stop

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-8719e6-1529311944611-0)]

<figcaption style="display: block; text-align: center; font-size: 1rem; line-height: 1.6; color: rgb(144, 144, 144); margin-top: 2px;"></figcaption>

</figure>

每執(zhí)行一個操作右下角都會提示

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-b776e0-1529311944617-21)]

</figure>

錄制后的效果圖

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-b74ea7-1529311944617-20)]

</figure>

運行、分析腳本

錄制后，我們點擊一下play，可以看到火狐瀏覽器自動化的完成了我們剛剛的操作（關閉彈窗阻止，或者將掘金和百度加入不阻止彈窗列表）

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-36d5f7-1529311944617-19)]

</figure>

點擊Export

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-427281-1529311944617-18)]

</figure>

可以看到有各種語言 C#、Java、katalon、python2等。我們先看看python2的腳本

# -*- 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("http://div[@id='container']/div[2]/div").click()
        driver.find_element_by_link_text(u"掘金- juejin.im - 一個幫助開發(fā)者成長的社區(qū)").click()
        # ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]
        driver.find_element_by_xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").click()
        driver.find_element_by_xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").click()
        driver.find_element_by_xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").clear()
        driver.find_element_by_xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").send_keys(u"我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？")
        driver.find_element_by_xpath("http://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"我是如何重構整個研發(fā)項目，促進自動化運維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腳本

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("http://div[@id='container']/div[2]/div")).click();
    driver.findElement(By.linkText("掘金- juejin.im - 一個幫助開發(fā)者成長的社區(qū)")).click();
    // ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？");
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);
    driver.findElement(By.linkText("我是如何重構整個研發(fā)項目，促進自動化運維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方法

    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("http://div[@id='container']/div[2]/div")).click();
    driver.findElement(By.linkText("掘金- juejin.im - 一個幫助開發(fā)者成長的社區(qū)")).click();
    // ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？");
    driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);
    driver.findElement(By.linkText("我是如何重構整個研發(fā)項目，促進自動化運維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("掘金網");

這里我們看一下百度的搜索框代碼

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-266b22-1529311944617-17)]

</figure>

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

driver.findElement(By.linkText("掘金- juejin.im - 一個幫助開發(fā)者成長的社區(qū)")).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>可定義文檔中的分區(qū)或節(jié)（division/section）。 <div>標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，并且不使用任何格式與其關聯(lián)。如果用 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標簽會執(zhí)行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開發(fā)工具

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

這個比較復雜，建議在java開發(fā)人員指導下完成。

selenium

這個版本是簡易版，但足夠

最終效果

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-297cce-1529311944617-16)]

</figure>

我們通過錄制selenium腳本，編輯，提交到git庫，由jenkins自動化編譯出jar包，通過bat命令在任意一臺pc端執(zhí)行（默認開發(fā)人員提交代碼后自動執(zhí)行所有模塊）。按功能模塊，測試項目，生成測試報告。對測試不通過的模塊

最大化

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

打開頁面

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

定位元素

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-ce2177-1529311944616-15)]

</figure>

多個相同時，返回第一個，沒有找到會拋異常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("我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？"));

意思就是鏈接內容定位

通過partialLinkText定位，模糊內容定位，和上相似

WebElement element = driver.findElement(By.linkText("我是如何重構整個研發(fā)項目？"));

通過tagName定位

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

通過xpath定位

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

這個最為復雜，最簡單的版本是

//標簽類型[@屬性名=屬性值]

但也可以定位第幾個

//input[4]

其中[]中還可以增加邏輯and or表達式

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

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

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

還可以任意屬性名

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

更多xpath使用方法見 http://www.w3school.com.cn/xpath/index.asp

單擊某個元素

.click()

清空input

.clear();

input中輸入內容

.sendKeys("掘金網");

如果是上傳附件，可直接sendKeys路徑

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

得到input內容

.getText();

下拉框

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-14d2e2-1529311944616-14)]

</figure>

    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，錄制腳本的時候正常錄制，可執(zhí)行的時候，卻無法執(zhí)行，這個時候，需要切換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("http://button[@type='submit']")).click();
        driver.findElement(By.xpath("(//button[@type='button'])[3]")).click();
        Thread.sleep(1000);
        driver.findElement(By.linkText("學生")).click();

以上摘自項目代碼，僅供參考

執(zhí)行 js

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

執(zhí)行內部viewDetail方法

延時操作（重要）

很多時候我們需要延時，這時使用

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

許多錯誤是因為需要等待時間，嘗試增加一個延時，也許這個問題就過去了。

項目代碼

假設，我們產品有多個環(huán)境，我們定義一個environments數組，（當-1時，提示用戶輸入），有多個模塊（當-1時，提示用戶輸入），最終代碼如下，執(zhí)行后，錯誤報告會通過郵件發(fā)送到指定郵箱或者其他地方。

運行效果圖

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-8f91cd-1529311944616-13)]

</figure>

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;
    /**
     * 各個環(huán)境
     * */
    private static String[] environments = {"環(huán)境1", "環(huán)境2", "環(huán)境3", "環(huán)境4", "環(huán)境5", "環(huán)境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("請選擇環(huán)境");
        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 {
                        // 系統(tǒng)基礎管理 - 用戶管理 - 新增用戶
                        WebSystemManage.addnewUser(driver, url);     
                    } catch (Exception e) {
                        verificationErrors.append("系統(tǒng)基礎管理 - 用戶管理 - 新增用戶   出錯");
                        log(e);
                    }
                    break;
                case "1":
                    try {
                        // 系統(tǒng)基礎管理 - 用戶管理 - 編輯用戶
                        WebSystemManage.editUser(driver, url);       
                    } catch (Exception e) {
                        System.out.println("系統(tǒng)基礎管理 - 用戶管理 - 編輯用戶   出錯");
                        log(e);
                    }
                    break;
                default:
                    break;
            }
        }
        report(verificationErrors);
    }

    private static void report(StringBuffer verificationErrors) {
        //發(fā)送郵件
    }

    /**
     * 根據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 {}內的內容，比如，我們想運行我們最初錄制的掘金腳本，只需將那端我要求特別關注的代碼放到里面即可，具體代碼如下：

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("http://div[@id='container']/div[2]/div")).click();
        driver.findElement(By.linkText("掘金- juejin.im - 一個幫助開發(fā)者成長的社區(qū)")).click();
        Thread.sleep(3000);
        // ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？");
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);
        Thread.sleep(2000);
        driver.findElement(By.linkText("我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？")).click();
    }
}

上述代碼中注釋內是Katalon Recorder導出的腳本，但是我們增加了一些延時操作，selenium延時有很3種：普通sleep、顯示等待方式、隱式等待方式。這里先簡單粗暴一下，用Thread.sleep(*);延時，比如打開百度延時2秒、輸入“掘金網”延時100毫秒、搜索后延時3秒…………

很遺憾，我們代碼報錯：

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-6529ff-1529311944614-12)]

</figure>

大概意思說超時沒有找到那個搜索框，由于各種各樣的原因，會導致我們在火狐瀏覽器中錄制的腳本在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("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")這一句很復雜，我們試著簡化它。

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-ef80e8-1529311944614-11)]

</figure>

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

首先搜索下search-input樣式，看該頁面是否只有一個search-input樣式。

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-a11031-1529311944614-10)]

</figure>

果然search-input樣式只有一個標簽。

于是我們將

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

最終代碼

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("http://div[@id='container']/div[2]/div")).click();
        driver.findElement(By.linkText("掘金- juejin.im - 一個幫助開發(fā)者成長的社區(qū)")).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("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？");
        driver.findElement(By.xpath("http://div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);
        Thread.sleep(2000);
        driver.findElement(By.linkText("我是如何重構整個研發(fā)項目，促進自動化運維DevOps的落地？")).click();
    }
}

編譯打包

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-d97ba6-1529311944614-9)]

</figure>

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-8d386e-1529311944614-8)]

</figure>

得到selenium.jar包，可復制到C:\selenium下，和chromedriver.exe同級。

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-6344c3-1529311944614-7)]

</figure>

輸入cmd命令

C:\Users\Administrator>cd C:\selenium

C:\selenium>java -jar selenium2.jar

即可自動化運行，非windows系統(tǒng)下載2.40其他版本https://npm.taobao.org/mirrors/chromedriver/2.40/

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-380400-1529311944613-6)]

</figure>

github項目運行

https://github.com/qq273681448/selenium

為了防止有讀者沒有改maven庫鏡像，所以把lib包都放在項目中了。直接使用idea打開，可能有些配置需要改，可參考

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-5f01b-1529311944613-5)]

</figure>

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-7f2bdb-1529311944613-4)]

</figure>

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-9fe919-1529311944613-3)]

</figure>

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-ca091e-1529311944613-2)]

</figure>

<figure style="display: block; margin: 22px auto; text-align: center;">[圖片上傳中...(image-a8a55c-1529311944613-1)]

</figure>

寫在最后

至此，一個基礎版的selenium框架就搭好了，后續(xù)，可以連接數據庫，從庫中隨機取出帳號，進行項目測試。也可以配合bat腳本，實現自動化測試以及報告生成。

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

2018-06-18 自動化測試selenium在小公司的成功實踐

2018-06-18 自動化測試selenium在小公司的成功實踐

自動化測試selenium在小公司的成功實踐

前言

背景

相關知識

正式實踐

安裝火狐瀏覽器

錄制腳本

運行、分析腳本

認識html標簽

HTML `<input>`標簽

HTML `<a>`標簽

HTML `<div>`標簽

認識css

js基礎

下載谷歌瀏覽器

下載selenium driver

下載selenium webdriver

下載idea開發(fā)工具

selenium

最終效果

最大化

打開頁面

定位元素

定位元素方式

單選框

復選框

判斷是否可點擊

alert框操作

iframe切換（重點）

執(zhí)行 js

延時操作（重要）

項目代碼

編譯打包

github項目運行

寫在最后

相關閱讀更多精彩內容

友情鏈接更多精彩內容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

2018-06-18 自動化測試selenium在小公司的成功實踐

自動化測試selenium在小公司的成功實踐

前言

背景

相關知識

正式實踐

安裝火狐瀏覽器

錄制腳本

運行、分析腳本

認識html標簽

HTML <input>標簽

HTML <a>標簽

HTML <div>標簽

認識css

js基礎

下載谷歌瀏覽器

下載selenium driver

下載selenium webdriver

下載idea開發(fā)工具

selenium

最終效果

最大化

打開頁面

定位元素

定位元素方式

單選框

復選框

判斷是否可點擊

alert框操作

iframe切換（重點）

執(zhí)行 js

延時操作（重要）

項目代碼

編譯打包

github項目運行

寫在最后

相關閱讀更多精彩內容

友情鏈接更多精彩內容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

運行、分析腳本

HTML `<input>`標簽

HTML `<a>`標簽

HTML `<div>`標簽