一.自動化選型

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

1. python環(huán)境搭建
   

   下載python
   
   安裝
   
   

   驗(yàn)證

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. 驗(yàn)證是否安裝成功：

pip show selenium

能夠看到selenium的詳細(xì)信息則安裝成功

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. 下載瀏覽器驅(qū)動（以chrome為例）
   進(jìn)入淘寶npm鏡像網(wǎng)站锣尉，進(jìn)入對應(yīng)瀏覽器驅(qū)動頁面
   http://npm.taobao.org/
   
   下載對應(yīng)瀏覽器版本的驅(qū)動
   
   
   解壓后放到環(huán)境變量位置即可

注意：
1.瀏覽器版本必須要和驅(qū)動版本對應(yīng)刻炒，否則會出現(xiàn)調(diào)用不起來瀏覽器或者無法打開網(wǎng)頁的問題
2.在firefox48版本以前firefox是不需要瀏覽器驅(qū)動的，但是在firefox48以后需要下載對應(yīng)版本的geckodriver驅(qū)動

6. 驗(yàn)證瀏覽器與驅(qū)動是否匹配

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

成功打開瀏覽器自沧，并且打開指定網(wǎng)站坟奥，通常版本匹配就沒問題了

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

優(yōu)點(diǎn)：快速、簡單
缺點(diǎn)：難維護(hù)
應(yīng)用場景：適用于只需要完成當(dāng)前任務(wù)拇厢，任務(wù)完成后不再需要使用了爱谁，使用次數(shù)較少的場景

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

1. 下載安裝
   進(jìn)入chrome應(yīng)用商店,搜索katalon recorder,進(jìn)行安裝即可
   https://chrome.google.com/webstore/category/extensions?hl=zh-CN
   安裝成功后访敌，右上角會有對應(yīng)圖標(biāo)

2. 頁面主要功能介紹：

   
   

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

4. 添加斷言

   
   

5. 查看失敗截圖

   
   

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

7. 數(shù)據(jù)驅(qū)動

8. 生成腳本

   
   

四.selenium基礎(chǔ)api

1. 瀏覽器操作

#導(dǎo)入selenium
from selenium import webdriver
#創(chuàng)建chrome驅(qū)動實(shí)例,打開瀏覽器
driver=webdriver.Chrome()
#瀏覽器最大化
driver.maximize_window()
#瀏覽器最小化
driver.minimize_window()
#獲取瀏覽器當(dāng)前窗口大小
size=driver.get_window_size()
#設(shè)置瀏覽器窗口大小
driver.set_window_size(400,400)
#打開指定網(wǎng)頁
driver.get("http://www.so.com")
#獲取當(dāng)前頁面的鏈接地址
url=driver.current_url
driver.get("http://baike.so.com")
#后退
driver.back()
#前進(jìn)
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")
#切換到當(dāng)前被操作元素
ele=driver.switch_to.active_element
#切換alert、confirm衣盾、prompt框
alert = driver.switch_to.alert
#切換到默認(rèn)頁面
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
#獲取當(dāng)前句柄
current_handle=driver.current_window_handle
driver.switch_to.window()
#執(zhí)行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">良醫(yī)</a>
driver.find_element_by_link_text("良醫(yī)")
driver.find_element_by_partial_link_text("醫(yī)")

以上定位方式都是通過元素的特定屬性來定位的寺旺，如果一個元素它既沒有id、name势决、class屬性也不是超鏈接阻塑，這么辦呢？或者說它的屬性很多重復(fù)的果复。還有時候標(biāo)簽確實(shí)有id這個屬性陈莽，但是id又是以一定規(guī)則自動生成的，這個時候就可以用xpath和css定位來解決虽抄。

3. css定位

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

#<input type="text" name="q" class="placeholder" id="input" suggestwidth="540px" autocomplete="off">
#通過標(biāo)簽定位
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"]')
#以上都是單一形式的定位私植，上面的所有形式都可以進(jìn)行組合定位
driver.find_element_by_css_selector("input#input")
driver.find_element_by_css_selector("#input[name='q']")

4. xpath定位與常用函數(shù)

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

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

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

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

5. 元素操作

#清除文本框內(nèi)容
input_element.clear()
#點(diǎn)擊操作
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()
#判斷元素是否是選中狀態(tài)
input_element.is_selected()
#查看元素的標(biāo)簽名
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)
#設(shè)置元素屬性：例如修改時間控件嫡丙，設(shè)置頁面元素是否可見等,可以省去很多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. 鼠標(biāo)事件

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

#導(dǎo)入鼠標(biāo)事件

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()
#鼠標(biāo)移動到指定元素
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
#點(diǎn)擊確定
my_alert.accept()
#點(diǎn)擊X
my_alert.dismiss()

五.測試用例設(shè)計

用例1：打開瀏覽器，打開指定頁面父泳，查找元素般哼，元素操作，斷言惠窄，關(guān)閉瀏覽器
用例2：打開瀏覽器蒸眠，打開指定頁面，查找元素杆融，元素操作楞卡，斷言，關(guān)閉瀏覽器
目的：
1.盡可能少的打開瀏覽器
2.每個case互不影響
3.減少重復(fù)性代碼
4.捕獲異常try...except...else....finaly
5.保留現(xiàn)場
6.用例需要有說明
分析：

1. 使用unittest管理與運(yùn)行測試用例
2. 測試夾具的使用
3. 統(tǒng)一管理開啟和關(guān)閉瀏覽器

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("麥當(dāng)勞")
        search_botton = self.driver.find_element_by_id("search-button")
        search_botton.click()
        self.assertIn("麥當(dāng)勞", self.driver.title)
if __name__ == '__main__':
    unittest.main()

六.selenium grid

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

1. 什么是selenium grid：宿主機(jī)能夠運(yùn)行控制遠(yuǎn)程機(jī)器運(yùn)行自動化，同時自動收集運(yùn)行情況的一個服務(wù)
2. selenium grid使用場景
3. selenium grid實(shí)例（需要java環(huán)境）
   第一步：啟動一個主節(jié)點(diǎn)（運(yùn)行在宿主機(jī)）

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

日志信息也說明了介劫，客戶端需要能夠連接的機(jī)器名徽惋，子節(jié)點(diǎn)需要注冊到宿主節(jié)點(diǎn)

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

第二步：啟動子節(jié)點(diǎn)并且注冊到宿主節(jié)點(diǎn)

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",#指定遠(yuǎn)程需要運(yùn)行的節(jié)點(diǎn)
         desired_capabilities={'browserName':"chrome"}#指定需要運(yùn)行的瀏覽器
     )
driver.get("http://www.so.com")
driver.close()

七.PageObject模式

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

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

2. 什么是PO模式

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

3. po模式的優(yōu)點(diǎn)：

1.定位與測試用例分離，便于維護(hù)
2.用例更清晰黔帕，更易于閱讀

4. PO模式實(shí)例

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

from selenium import webdriver
from selenium.webdriver.common.by import By
class GetDriver():
    '''獲取瀏覽器驅(qū)動'''
    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("無法驅(qū)動瀏覽器")
        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. 驅(qū)動360瀏覽器
3. 驅(qū)動ie11瀏覽器
4. jenkins調(diào)用遠(yuǎn)程windows的firefox代咸、chrome
5. phantomjs問題