一.自動化選型

二.selenium環境搭建(以python示例)

1. python環境搭建
   

   下載python
   
   安裝
   
   

   驗證

C:\Users\mac>python
Python 3.7.0 (v3.7.0:1bf9cc5093, Jun 27 2018, 04:59:51) [MSC v.1914 64 bit (AMD
4)] on win32
Type "help", "copyright", "credits" or "license" for more information.
>>>

2. 安裝selenium

pip install selenium

3. 驗證是否安裝成功：

pip show selenium

能夠看到selenium的詳細信息則安裝成功

Name: selenium
Version: 3.13.0
Summary: Python bindings for Selenium
Home-page: https://github.com/SeleniumHQ/selenium/
Author: UNKNOWN
Author-email: UNKNOWN
License: Apache 2.0
Location: /usr/local/lib/python2.7/site-packages
Requires:
Required-by:

4. 安裝瀏覽器。。。
5. 下載瀏覽器驅動（以chrome為例）
   進入淘寶npm鏡像網站，進入對應瀏覽器驅動頁面
   http://npm.taobao.org/
   
   下載對應瀏覽器版本的驅動
   
   
   解壓后放到環境變量位置即可

注意：
1.瀏覽器版本必須要和驅動版本對應，否則會出現調用不起來瀏覽器或者無法打開網頁的問題
2.在firefox48版本以前firefox是不需要瀏覽器驅動的，但是在firefox48以后需要下載對應版本的geckodriver驅動

6. 驗證瀏覽器與驅動是否匹配

from selenium import webdriver
driver=webdriver.Chrome()
driver.get("http://www.so.com")

成功打開瀏覽器，并且打開指定網站，通常版本匹配就沒問題了

三.錄制回放--基于katalon recorder

優點：快速、簡單
缺點：難維護
應用場景：適用于只需要完成當前任務，任務完成后不再需要使用了，使用次數較少的場景

目前selenium的錄制工具有兩種：
1.官方selenium ide
2.katalon recorder
推薦使用katalon recorder ，是katalon studio的子項目，具有比selenium ide更全面的功能

1. 下載安裝
   進入chrome應用商店,搜索katalon recorder,進行安裝即可
   https://chrome.google.com/webstore/category/extensions?hl=zh-CN
   安裝成功后，右上角會有對應圖標

2. 頁面主要功能介紹：

   
   

3. 錄制實例：
   測試步驟：
   打開www.so.com
   輸入框輸入：肯德基
   點擊搜索按鈕
   錄制過程：
   1>點擊Record
   2>瀏覽器輸入www.so.com
   3>點擊輸入框
   4>輸入肯德基
   5>點擊搜索
   6>點擊stop

4. 添加斷言

   
   

5. 查看失敗截圖

   
   

6. 回放
   play:回放當前指定的case
   play suite:回放當前case所在測試套件
   play all：回放所有case

7. 數據驅動

8. 生成腳本

   
   

四.selenium基礎api

1. 瀏覽器操作

#導入selenium
from selenium import webdriver
#創建chrome驅動實例,打開瀏覽器
driver=webdriver.Chrome()
#瀏覽器最大化
driver.maximize_window()
#瀏覽器最小化
driver.minimize_window()
#獲取瀏覽器當前窗口大小
size=driver.get_window_size()
#設置瀏覽器窗口大小
driver.set_window_size(400,400)
#打開指定網頁
driver.get("http://www.so.com")
#獲取當前頁面的鏈接地址
url=driver.current_url
driver.get("http://baike.so.com")
#后退
driver.back()
#前進
driver.forward()
#瀏覽器退出
driver.close()
driver.quit()
#截圖
driver.get_screenshot_as_png()
driver.get_screenshot_as_base64()
driver.get_screenshot_as_file("filename")
driver.save_screenshot("filename")
#切換到當前被操作元素
ele=driver.switch_to.active_element
#切換alert、confirm、prompt框
alert = driver.switch_to.alert
#切換到默認頁面
driver.switch_to.default_content()
#切換iframe
driver.switch_to.frame('frame_name')
driver.switch_to.frame(1)
driver.switch_to.frame(driver.find_elements_by_tag_name("iframe")[0])
driver.switch_to.parent_frame()
#獲取瀏覽器所有句柄
handles=driver.window_handles
#獲取當前句柄
current_handle=driver.current_window_handle
driver.switch_to.window()
#執行js腳本
driver.execute_script('script')

2. 元素定位

<input type="text" name="q" class="placeholder" id="input" suggestwidth="540px" autocomplete="off">
driver.find_element_by_id("input")
driver.find_element_by_name("q")
driver.find_element_by_class_name("placeholder")
driver.find_element_by_tag_name("input")
#通過link_text定位
<a  data-url="http://ly.so.com/?src=tab_web" data-s="http://ly.so.com/s?q=%q%&amp;src=tab_web" data-linkid="liangyi">良醫</a>
driver.find_element_by_link_text("良醫")
driver.find_element_by_partial_link_text("醫")

以上定位方式都是通過元素的特定屬性來定位的，如果一個元素它既沒有id、name、class屬性也不是超鏈接，這么辦呢？或者說它的屬性很多重復的。還有時候標簽確實有id這個屬性，但是id又是以一定規則自動生成的，這個時候就可以用xpath和css定位來解決。

3. css定位

具有很強的靈活性，同時使用也是相對復雜
常見符號：
#表示 id選擇器
.表示 class選擇器
>表示子元素，層級
一個空格也表示子元素，但是是所有的后代子元素

#<input type="text" name="q" class="placeholder" id="input" suggestwidth="540px" autocomplete="off">
#通過標簽定位
driver.find_element_by_css_selector("input")
#通過id定位
driver.find_element_by_css_selector("#input")
#通過class定位
driver.find_element_by_css_selector(".placeholder")
#通過屬性定位
driver.find_element_by_css_selector('[name="q"]')
#以上都是單一形式的定位，上面的所有形式都可以進行組合定位
driver.find_element_by_css_selector("input#input")
driver.find_element_by_css_selector("#input[name='q']")

4. xpath定位與常用函數

XPath即為XML路徑語言，它是一種用來確定XML文檔中某部分位置的語言。通俗一點講就是通過元素的路徑來查找到這個元素

#xpath定位
#通過絕對路徑定位
#1.從html頁面的該元素的最頂層元素寫起
#2.以"/"分割每一層標簽
#下標從1開始
#不歸屬該元素的同級元素標簽不要寫
#優點定位準確，但是一旦頁面有更改，則需要重新定位
driver.find_element_by_xpath("html/body/div[2]/div/section[2]/div/form/fieldset/div[2]/input")
#通過相對路徑
#1.以雙"http://"開頭
#2.只要能定位到目標元素的唯一路徑即可，不需要再向上查找
#3.路徑越短越好，避免因為寫的過長，導致頻繁更改定位方式
driver.find_element_by_xpath("http://fieldset/div[2]/input")
driver.find_element_by_xpath("http://form/fieldset/div[2]/input")
#通過標簽定位：上面寫的都是通過標簽來進行的定位
#通過屬性定位（id,name,value,class等）
#1.使用中括號將屬性名與屬性值放在一起
#2.屬性名前面加上@符號表示
driver.find_element_by_xpath("http://input[@name='q']")
#通過索引定位

通常上面的方式基本上就可以定位到元素，但是對于一些動態生成的元素，路徑重復性很高的元素，為了避免寫太長的路徑，有時候需要一些邏輯運算與xpath的函數來完成

#xpath中的邏輯運算（與或非）
driver.find_element_by_xpath("http://input[@name='q' and @ id='input']")
#包含 contains函數
driver.find_element_by_xpath("http://input[contains(@id,'input')]")
#元素文本信息text函數
driver.find_element_by_xpath("http://*[contains(text(),'醫')]")
#starts-with函數
driver.find_element_by_xpath("http://input[starts-with(@id,'inpu')]")
#ends-with函數
driver.find_element_by_xpath("http://input[ends-with(@id,'nput')]")

5. 元素操作

#清除文本框內容
input_element.clear()
#點擊操作
input_element.click()
#對文本框輸入
input_element.send_keys()
#提交表單
input_element.submit()
#獲取元素指定屬性的值
input_element.get_attribute("name")
input_element.get_property("name")
#獲取元素的大小
ele_size=input_element.size
#獲取該元素的子元素
input_element.find_element()
#判斷元素是否顯示
input_element.is_displayed()
#判斷元素是否可以使用
input_element.is_enabled()
#判斷元素是否是選中狀態
input_element.is_selected()
#查看元素的標簽名
input_tag=input_element.tag_name

6. js常用腳本

#頁面滑動
js1="window.scrollTo(1000,1000)"
js11='window.scrollTo(0,0)'
js12='window,scrollTo(0,document.body.scrollHeight)'
driver.execute_script("arguments[0].scrollIntoView();", input_element)
#設置元素屬性：例如修改時間控件，設置頁面元素是否可見等,可以省去很多selenium的步驟
js2='document.getElementById("XXX").setAttribute("placeholder","thisismyplaceholder")'
#刪除元素屬性
js3='document.getElementById("XXX").removeAttribute("placeholder")'
#元素操作操作：click,focus，blur等
js4='document.getElementById("xxx").click()'
#元素定位  注意：這里需要有return
js5='return document.getElementById("xxx")'

7. 鼠標事件

click(on_element=None) ——單擊鼠標左鍵
click_and_hold(on_element=None) ——點擊鼠標左鍵，不松開
context_click(on_element=None) ——點擊鼠標右鍵
double_click(on_element=None) ——雙擊鼠標左鍵
drag_and_drop(source, target) ——拖拽到某個元素然后松開
drag_and_drop_by_offset(source, xoffset, yoffset) ——拖拽到某個坐標然后松開
key_down(value, element=None) ——按下某個鍵盤上的鍵
key_up(value, element=None) ——松開某個鍵
move_by_offset(xoffset, yoffset) ——鼠標從當前位置移動到某個坐標
move_to_element(to_element) ——鼠標移動到某個元素
move_to_element_with_offset(to_element, xoffset, yoffset) ——移動到距某個元素（左上角坐標）多少距離的位置
perform() ——執行鏈中的所有動作
release(on_element=None) ——在某個元素位置松開鼠標左鍵
send_keys(*keys_to_send) ——發送某個鍵到當前焦點的元素
send_keys_to_element(element, *keys_to_send) ——發送某個鍵到指定元素

#導入鼠標事件

from selenium.webdriver.common.action_chains import ActionChains
#雙擊
ActionChains(driver).double_click('target_element').perform()
#右擊
ActionChains(driver).context_click("target_element").perform()
#拖動
ActionChains(driver).drag_and_drop("start_element","end_element").perform()
#鼠標移動到指定元素
ActionChains(driver).move_to_element("target_element").perform()

8. 對話框處理(以alert為例，confirm，prompt方法一樣）

#彈出一個alert
driver.execute_script("alert('helloworld')")
#切換到alert
my_alert=driver.switch_to.alert
#獲取alert信息
alert_info=my_alert.text
#點擊確定
my_alert.accept()
#點擊X
my_alert.dismiss()

五.測試用例設計

用例1：打開瀏覽器，打開指定頁面，查找元素，元素操作，斷言，關閉瀏覽器
用例2：打開瀏覽器，打開指定頁面，查找元素，元素操作，斷言，關閉瀏覽器
目的：
1.盡可能少的打開瀏覽器
2.每個case互不影響
3.減少重復性代碼
4.捕獲異常try...except...else....finaly
5.保留現場
6.用例需要有說明
分析：

1. 使用unittest管理與運行測試用例
2. 測試夾具的使用
3. 統一管理開啟和關閉瀏覽器

import unittest
from selenium import webdriver
class TestCase(unittest.TestCase):
    @classmethod
    def setUpClass(cls):
        cls.driver=webdriver.Chrome()
    @classmethod
    def tearDownClass(cls):
        cls.driver.close()
    def setUp(self):
        self.driver.get("http://www.so.com")
    def tearDown(self):
        pass
    def test_case01(self):
        input_element=self.driver.find_element_by_id("input")
        input_element.send_keys("肯德基")
        search_botton=self.driver.find_element_by_id("search-button")
        search_botton.click()
        self.assertIn("肯德基" ,self.driver.title)
    def test_case02(self):
        input_element = self.driver.find_element_by_id("input")
        input_element.send_keys("麥當勞")
        search_botton = self.driver.find_element_by_id("search-button")
        search_botton.click()
        self.assertIn("麥當勞", self.driver.title)
if __name__ == '__main__':
    unittest.main()

六.selenium grid

例1：測試需要運行ie8,9,10,11四個瀏覽器
例2：測試需要驗證同一個功能在同一個瀏覽器，但是在不同硬件配置上的執行情況
問題：
1.一臺計算機沒辦法同時安裝4個ie，需要運行其他安裝不同版本的機器
2.需要運行遠程機器上的瀏覽器
3.不同機器上的運行情況需要上報給主機
selenium grid完美的解決了這些問題

1. 什么是selenium grid：宿主機能夠運行控制遠程機器運行自動化，同時自動收集運行情況的一個服務
2. selenium grid使用場景
3. selenium grid實例（需要java環境）
   第一步：啟動一個主節點（運行在宿主機）

#運行selenium服務 指定角色為hub ,端口號為4444
java -jar selenium-server-standalone-3.14.0.jar -role hub -port 4444

日志信息也說明了，客戶端需要能夠連接的機器名，子節點需要注冊到宿主節點

21:53:53.220 INFO [GridLauncherV3.launch] - Selenium build info: version: '3.14.
0', revision: 'aacccce0'
21:53:53.220 INFO [GridLauncherV3$2.launch] - Launching Selenium Grid hub on por
t 4444
2018-09-02 21:53:53.594:INFO::main: Logging initialized @757ms to org.seleniumhq
.jetty9.util.log.StdErrLog
21:53:53.842 INFO [Hub.start] - Selenium Grid hub is up and running
21:53:53.842 INFO [Hub.start] - Nodes should register to http://10.211.55.4:4444
/grid/register/
21:53:53.842 INFO [Hub.start] - Clients should connect to http://10.211.55.4:444
4/wd/hub

第二步：啟動子節點并且注冊到宿主節點

java -jar selenium-server-standalone-3.14.0.jar -role node -port 5555 -hub http://10.211.55.4:4444/grid/register

日志

22:00:47.753 INFO [GridLauncherV3.launch] - Selenium build info: version: '3.14.
0', revision: 'aacccce0'
22:00:47.753 INFO [GridLauncherV3$3.launch] - Launching a Selenium Grid node on
port 5555
2018-09-02 22:00:47.945:INFO::main: Logging initialized @566ms to org.seleniumhq
.jetty9.util.log.StdErrLog
22:00:48.116 INFO [SeleniumServer.boot] - Selenium Server is up and running on p
ort 5555
22:00:48.116 INFO [GridLauncherV3$3.launch] - Selenium Grid node is up and ready
 to register to the hub
22:00:48.179 INFO [SelfRegisteringRemote$1.run] - Starting auto registration thr
ead. Will try to register every 5000 ms.
22:00:48.179 INFO [SelfRegisteringRemote.registerToHub] - Registering the node t
o the hub: http://10.211.55.4:4444/grid/register
22:00:48.537 INFO [SelfRegisteringRemote.registerToHub] - The node is registered
 to the hub and ready to use

第三步：代碼改造

from selenium import webdriver
driver = webdriver.Remote(
        command_executor="http://127.0.0.1:5555/wd/hub",#指定遠程需要運行的節點
         desired_capabilities={'browserName':"chrome"}#指定需要運行的瀏覽器
     )
driver.get("http://www.so.com")
driver.close()

七.PageObject模式

1. 在寫自動化過程中遇到的問題

1.頁面頻繁變動，導致自動化運行失敗，需要修改元素定位
2.一個元素在很多個case中使用，每次更改case需要把所有用到的地方都改一遍
3.case多了維護困難，根本不知道這個元素是哪個地方的

2. 什么是PO模式

1.頁面對象模型 (POM)是一種設計模式，用來管理維護一組元組集的對象庫
2.在 PO模式下，應用程序的 每一個頁面都有對page class
3.每一個 page class維護著該 web頁的元素集和操作這些方法

3. po模式的優點：

1.定位與測試用例分離，便于維護
2.用例更清晰，更易于閱讀

4. PO模式實例

1.封裝driver
2.封裝base driver
3.封裝頁面
4.封裝頁面元素定位信息
5.編寫case

from selenium import webdriver
from selenium.webdriver.common.by import By
class GetDriver():
    '''獲取瀏覽器驅動'''
    def __init__(self,browser_name):
        self.driver=self.__get_driver(browser_name)
    def __get_driver(self,browser_name):
        __browser_name=browser_name.lower()
        try:
            if __browser_name.lower()=="chrome":
                __driver=webdriver.Chrome()
            elif __browser_name.lower()=="firefox":
                __driver=webdriver.Firefox()
            else:
                raise Exception("沒有瀏覽器")
        except Exception as e:
            raise Exception("無法驅動瀏覽器")
        else:
            return __driver
class BasePage():
    '''頁面基類'''
    def __init__(self,driver):

        self.driver=driver

    def get(self,url):
        try:
            self.driver.get(url)
        except:
            raise Exception("打開%s 頁面識別"%url)

    def find_element(self,page_name,type,location):
        try:
            element=self.driver.find_element(type,location)
        except:
            raise Exception("沒找到%s type=%s location=%s 這個元素"%(page_name,type,location))
        else:return element

class HomePageResource():
    '''首頁頁面資源信息'''
    input={"page_name":"首頁","type":By.ID,"location":"input"}


class HomePage(BasePage):
    '''首頁元素與操作'''
    def input(self):
        input_element=self.find_element(**HomePageResource().input)
        return input_element
import unittest
class TestCase(unittest.TestCase):
    @classmethod
    def setUpClass(cls):
        cls.driver=GetDriver("chrome").driver
        cls.home_page=HomePage(cls.driver)
    @classmethod
    def tearDownClass(cls):
        cls.driver.close()
    def setUp(self):
        self.home_page.get("http://www.so.com")
    def tearDown(self):
        pass
    def testcase01(self):
        self.home_page.input().send_keys("abc")
if __name__ == '__main__':
    unittest.main()

八.selenium使用中的坑

1. handle與iframe切換
2. 驅動360瀏覽器
3. 驅動ie11瀏覽器
4. jenkins調用遠程windows的firefox、chrome
5. phantomjs問題