VS Code + Python + Selenium 自动化测试基础

五星上将麦克阿瑟曾经说过“不会写自动化测试，不是好开发“

一、让我们来讲一个故事

今天和女朋友吵架了，（假设你有女朋友）。

今晚又是一个人睡沙发，这天晚上，你躺在沙发上，夜不能寐

因为，你今天被质疑不会写写自动化，怒砸了秦始皇的耳机！

专家说这是秦始皇当年指挥士兵灭六国带的耳麦

决定学习一下这个事情——VS Code + Python + Selenium 自动化测试基础

前言

为什么要写自动化

在这之前，思考一个问题，为什么要写自动化？

在开发一个大型的网站专案过程中，不需要针对特定的功能进行重复性的测试，其主要目的是为了确保系统兼容是否合乎规格，并确认其结果是否合乎预期。但在整个网站测试的过程中其中，存在很多测试细节或者高度重复性质的测试行为，如果仅仰赖人工测试，往往会测到昏暗地，并且有可能会隐藏人的疏失，导致难以追踪的问题。

因此自动化测试在整个专案进行开发的过程中会扮演重要的一环。在我们进一步去编写自动化脚本的动作之前，需要先建立起基本的开发环境，之后接下来就着手进行编写脚本的动作。

开发前的准备工作

1.安装 VS Code
2.安装 VS Code Python 扩展

3.安装Python3（版本3.8.2）下载
安装完成后，可以通过以下指令确认是否安装完成

# python --版本Python 3.8.2

4. 安装 Selenium 的 Python 套件​​​​​​​

# pip install selenium # pip show selenium

5.下载Chrome的ChromeDriver
下载后，解压缩将chromedriver.exe的执行档跟系统的Python执行档放在相同的数据夹下就可以全域(Global)使用chromedriver

基本上 Selenuim 能够控制浏览器行为、或者浏览器进行沟通，都需要透过 Webdriver 或者 Selenuim RC (Remote Control) 来控制，因此 WebDriver 扮演着重要的角色。

现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：691998057【暗号：csdn999】

牛刀小试

1.目标：利用Python + Selenium 开启Google首页​​​​​​​

from selenium import webdriver
# 使用 Chrome 的 WebDriverbrowser = webdriver.Chrome()browser.maximize_window()
browser.get("https://www.google.com")

2. 目标：利用前一个示例，在 Google 输入框中输入“phone”，然后单击搜索​​​​​​​

from selenium import webdriverfrom selenium.common.exceptions import TimeoutExceptionfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.webdriver.support import expected_conditions as ECfrom selenium.webdriver.common.by import By
# 使用 Chrome 的 WebDriverbrowser = webdriver.Chrome()browser.maximize_window()
#  Google 首页browser.get("https://www.google.com")
# 寻找网页中的搜索框inputElement = browser.find_element_by_name("q")
# 在搜索框中輸入文字inputElement.send_keys("iphone")
# 提交inputElement.submit()
# Google 搜索結果的 XPathresultLocator = "//a/h3/div"
try:    # 等待网页搜索结果    WebDriverWait(browser, 10).until(EC.visibility_of_element_located((By.XPATH, resultLocator)))
    # 取得第一页的搜索结果    page1_results = browser.find_elements_by_xpath(resultLocator)
    # 輸出搜索结果    for item in page1_results:        print(item.text)
except TimeoutException:    print('等待逾時！')

开常用的web DriverAPI-定位元素

WebDriver提供了几种元素的定位方式，在Python中对应的方式如下

1. id定位：find_element_by_id()
   HTML规定，在HTML文件中id必须是唯一的，因此可以利用这个唯一性来寻找元素
   browser.find_element_by_id(“keyword”)

2. name 定位：find_element_by_name()
   HTML 规定，利用 name 来指定元素的名称，因此也可以利用这个属性来寻找元素
   browser.find_element_by_name(“shopping_cart”)

3. class 定位：find_element_by_class_name()
   HTML 规定，class 用于指定元素的类别名称，其用法与 id、name 类似。
   browser.find_element_by_class_name(“s_super”)

4. 标签定位：find_element_by_tag_name()
   HTML透过不同的标签来定义元素，因此可以利用标签的名称来直接寻找，但是这个在实际运用上却很少使用，主要的原因是HTML文档中，存在大量的相同标签browser.find_element_by_tag_name
   (“input”)

5. 链接文本定位：find_element_by_link_text()
   这个专门用于定位有文字的超链接，例如HTML文档为
   <a href=”//shopping.pchome.com.tw”_cid=”shopping_hp”>线上购物</a>
   则使用链接文本定位，可以用以下的方式表示
   browser.find_element_by_link_text(“24H线上购物”)

6. 部分链接定位：find_element_by_partial_link_text()
   这个正式链接文字定位的辅助方法，有时候有些文字的超链接过长，这个时候可以取文字的部分文字进行定位，但是由于是取部分文字，是否具备唯一性，那就需要引用HTML文档而定，使用方式为
   browser.find_element_by_partial_link_text(“线上购物”)

7. XPath定位：find_element_by_xpath()
   XPath有多种定位策略，最直觉的是绝对路径定位，其绝对路径指标签名称的系统关系来定位元素的绝对路径
   browser.find_element_by_xpath(“/html/body/div/ div[2]/form/input”)
   除了上述的绝对路径外也可以使用元素的属性值来定位
   browser.find_element_by_xpath(“//input[@id='keyword']”)
   其中//input表示当前页面的某个输入标签，[@id='keyword'] 表示这个元素的id值为keyword，因此上述内容的id也可以换成name或者class来进行元素的定位

对于自动化测试来说，学会了要素的定位方式后，基本上已经有50%的功力可以来写脚本了。剩下的部分就是去了解WebDriver中所提供的各种方法以及真实应用。

控制浏览器的行为

WebDriver 提供了许多可以控制浏览器的方式，一般常用的有

浏览器视窗的大小
有时我们希望浏览器能够在指定的大小下执行，通常是为了确认RWD的效果是否正常显示。例如我们将浏览器设置为480 X 800，设置为操作版的网页，然后浏览页面。这个时候可以使用 set_window_size() 来完成这个目的​​​​​​​

from selenium import webdriver
# 使用 Chrome 的 WebDriverbrowser = webdriver.Chrome()
browser.get('https://24h.m.pchome.com.tw/')
# 设定尺寸browser.set_window_size(480, 800)

浏览器上一页、下一页

一般用户在使用浏览器的时候，会使用上一页跟下一页，可以在曾经浏览过的页面之间跳转，因此WebDriver控制也提供了对应的方法() 和forward() 来模拟上一页和下一页的用户行为。

模拟浏览器更新
有时用户会按F5来刷新页面，可以通过refresh()来实现。​​​​​​​

from selenium import webdriverfrom time import sleep
# 使用 Chrome 的 WebDriverbrowser = webdriver.Chrome()browser.maximize_window()
first_url = 'https://www.msn.com/zh-tw'print ("目前浏览 %s" %(first_url))browser.get(first_url)sleep(3)
second_url = 'https://www.google.com.tw/'print ("目前浏览 %s" %(second_url))browser.get(second_url)sleep(3)

browser.back()browser.refresh()sleep(3)

browser.forward()browser.refresh()sleep(3)

总结

仅就Python跟Selenium基础的应用来说明并且分享心得，下一篇会再继续介绍更进阶的WebDriver应用，并且会分享如何在日常工作中中将自动化测试导入，自动化测试也是我们测试的基本功之一。

以上就是今天的全部内容，希望对大家有所帮助，也希望大家多多留言、点赞、在看、转发四连爱❤️  支持。 咱们下篇文章见，Bye~👋

下面是配套资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！

最后： 可以在公众号：程序员小濠 ！ 免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享！，其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！