一、前言

最近問我自動化的人確實有點多，個人突發奇想：想從0開始講解python+selenium實現Web自動化測試，請關注博客持續更新！

二、話不多說，直接開幹，開始搭建自動化測試環境

這裏以前在CSDN寫過一篇很詳細的博文，零基礎的小白都可以看懂，地址如下：

python+selenium自動化測試環境搭建步驟（selenium環境搭建）-絕不浪費您的時間

https://blog.csdn.net/pengjiangchun/article/details/105305276

三、Selenium 原理

Selenium 是一套完整的 web 應用程序測試系統，它包含了測試錄製(Selenium IDE)、編寫及運行(Selenium Remote Control) 和測試的並行處理(Selenium Grid)。Selenium的核心 Selenium Core基於 JsUnit，完全由 JavaScript 編寫，因此可以運行於任何支持 JavaScript 的瀏覽器上。其基本原理如下：

四、Selenium基礎應用

1.打開瀏覽器

from selenium import webdriver

driver = webdriver.Firefox()    # Firefox瀏覽器
driver = webdriver.Chrome()     # Chrome瀏覽器
driver = webdriver.Ie()         # Ie瀏覽器
driver = webdriver.Edge()       # Edge瀏覽器
driver = webdriver.PhantomJS()  # PhantomJS()

2.Selenium元素定位

存在如下HTML腳本：

<html>
  <head>
  <body link="#0000cc">
    <a id="result_logo" href="/" onmousedown="return c({'fm':'tab','tab':'logo'})">
    <form id="form" class="fm" name="f" action="/s">
      <span class="soutu-btn"></span>
        <input id="kw" class="s_ipt" name="wd" value="" maxlength="255" autocomplete="off">

定位元素方法如下：

# 通過 id 定位
dr.find_element_by_id("kw")

# 通過name定位:
dr.find_element_by_name("wd")

# 通過class name定位:
dr.find_element_by_class_name("s_ipt")

# 通過tag name定位:
dr.find_element_by_tag_name("input")

# 通過 xpath 定位的幾種寫法
dr.find_element_by_xpath("//*[@id='kw']")
dr.find_element_by_xpath("//*[@name='wd']")
dr.find_element_by_xpath("//input[@class='s_ipt']")
dr.find_element_by_xpath("/html/body/form/span/input")
dr.find_element_by_xpath("//span[@class='soutu-btn']/input")
dr.find_element_by_xpath("//form[@id='form']/span/input")
dr.find_element_by_xpath("//input[@id='kw' and @name='wd']")

# 通過 css 定位的幾種寫法
dr.find_element_by_css_selector("#kw")
dr.find_element_by_css_selector("[name=wd]")
dr.find_element_by_css_selector(".s_ipt")
dr.find_element_by_css_selector("html > body > form > span > input")
dr.find_element_by_css_selector("span.soutu-btn> input#kw")
dr.find_element_by_css_selector("form#form > span > input")

# 通過 link_text 定位
dr.find_element_by_link_text("新聞")
dr.find_element_by_link_text("hao123")
dr.find_element_by_partial_link_text("新")
dr.find_element_by_partial_link_text("hao")
dr.find_element_by_partial_link_text("123")

# 如果是定位一組元素，用下面
find_elements_by_id()
find_elements_by_name()
find_elements_by_class_name()
find_elements_by_tag_name()
find_elements_by_link_text()
find_elements_by_partial_link_text()
find_elements_by_xpath()
find_elements_by_css_selector()

3.控制瀏覽器操作

(1) 控制瀏覽器窗口大小

WebDriver中 set_window_size() 方法來設置瀏覽器窗口的大小；maximize_window() 使打開的瀏覽器全屏顯示。

from selenium import Webdriver

driver = Webdriver.Chrome('../tools/chromedriver.exe')
driver.get_url('http://www.5itest.cn/register')

# 設置瀏覽器窗口大小
print("設置瀏覽器寬500，高600")
driver.set_window_size()
driver.quit()

(2) 控制瀏覽器後退、前進

webdriver 提供了對應的 back() 和 forward() 方法來模擬後退和前進按鈕。

from selenium import webdriver
import time


# 2. 控制瀏覽器的前進、後退
browser_links = webdriver.Chrome('../tools/chromedriver.exe')
first_url = 'https://www.baidu.com/'
second_url = 'https://news.baidu.com/'

print("訪問第一個鏈接：%s" % first_url)
browser_links.get(first_url)

time.sleep(1)
print("訪問第二個鏈接：%s" % second_url)
browser_links.get(second_url)

time.sleep(1)
print("回退到第一個鏈接：%s" % first_url)
browser_links.back()

time.sleep(1)
print("前進到第二個鏈接：%s", second_url)
browser_links.forward()

time.sleep(1)
browser_links.quit()

(3) 刷新頁面 F5

webdriver中可以用 refresh 方法進行頁面刷新。

from selenium import webdriver
import time

refresh_url = 'http://www.baidu.com/'
browser_refresh = webdriver.Chrome('../tools/chromedriver.exe')
browser_refresh.get(refresh_url)
time.sleep(2)
browser_refresh.refresh()
browser_refresh.quit()

4.webdriver常用方法

(1) 點擊、輸入和清除

定位元素後我們還需要對元素進行操作，常用的元素操作方法有：clear()、send_keys(value)、click()

#!/usr/bin/env python
# -*- encoding: utf-8 -*-

from selenium import webdriver
import time

base_url = 'https://www.baidu.com'

browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 1. 清除、輸入、點擊
browser.find_element_by_id('kw').clear()
browser.find_element_by_id('kw').send_keys('python')
browser.find_element_by_id('su').click()
time.sleep(2)
browser.quit()

(2) 提交

submit()方法用於提交表單，在搜索框後輸入關鍵字後，可用於“回車”模擬。

from selenium import webdriver
import time

base_url = 'https://www.baidu.com'

browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 2.提交
search_text = browser.find_element_by_id('kw')
search_text.send_keys('selenium')
search_text.submit()
time.sleep(3)

(3) 其他常用的方法

size：返回元素的尺寸。

text：獲取元素的文本。

get_attribute(name)：獲得屬性值。

is_displayed()：設置該元素是否用戶可見。

from selenium import webdriver
import time

base_url = 'https://www.baidu.com'

browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 3. 其他常用方法
size = browser.find_element_by_id('kw').size
print("返回元素的尺寸：%s" % size)

text = browser.find_element_by_id('cp').text
print("返回元素的文本：%s" % text)

attribute = browser.find_element_by_id('kw').get_attribute('type')
print("返回元素的屬性：%s" % attribute)

result = browser.find_element_by_id('kw').is_displayed()
print("返回元素是否可見：%s" % result)

browser.quit()