贪多嚼不烂，当时就是为了面试零时抱佛脚学的，既然现在用不到了（面试的时候也没问到，有点白学了的感觉），那没必要继续记录博客了。所以请不要看本文！

  • 请不要看本文
  • 请不要看本文
  • 请不要看本文

1.什么是自动化测试

自动化测试指软件测试的自动化，在预设状态下运行应用程序或者系统，预设条件包括正常和异常，最后评估运行结果。将人为驱动的测试行为转化为机器执行的过程。

说白了就是编写一系列代码来实现自动帮我们测试某一个功能是否有啥问题。比起自己弄，自动化测试能覆盖到更多情况，特别是某些在实际情况中不好通过人工模拟出的问题。

下图是自动化测试的金字塔模型，从下往上代表测试需要的时间和投入，单元测试应该是投入最大的测试。

img

1.1 单元测试

所谓单元测试，就是我们代码中每一个函数、程序模块的测试。

单元测试通常遵循以下步骤：

  1. 编写测试用例：为每个函数、方法或类编写测试用例，这些用例包括输入数据、预期输出以及对应的函数调用。
  2. 运行测试：使用单元测试框架运行编写的测试用例。测试框架会执行测试并报告每个测试的结果。
  3. 断言测试结果：测试框架会自动比较实际输出与预期输出，如果不匹配则会产生错误报告。
  4. 修复错误：如果测试失败，开发人员需要检查代码并修复问题，确保代码按预期工作。
  5. 重复测试：在每次代码更改后，都需要重新运行相应的单元测试，以确保新的更改没有破坏现有的功能。

单元测试的目标，就是保证我们写出来的函数是依照我们的预期运行的，能得到我们需要的结果。而最终目的，就是避免当一个函数已经投入使用了，才发现这个函数的运行与预期结果不符合。

1.2 接口测试

目前一般采用后端提供API接口，前端使用静态页面的方式来实现前后端分离。

而接口测试，就是保证我们后端提供的API接口能正确分离我们预期的参数，并提供与之相符合的返回结果。

当我们完成了后端接口的编写后，就能在产品前期进行接口测试，避免产品已经上线了才发现接口有问题的情况。

  • 产品前期接口完成后介入
  • 用例维护量小
  • 适合接口变动较小，界面变动频繁的项目

常见的接口自动化测试工具有：RobotFramework，JMeter，SoapUI，TestNG+HttpClient，Postman 等。

1.3 UI测试

对于用户来说，他们接触到的其实还是UI（前端），在完成了接口测试后，我们需要对前端界面的操作进行测试。特点：

  • 用例维护量大
  • 页面相关性强，需要完成后期项目开发后才介入
  • 由于前端界面相对来说比较复杂，UI测试适合界面变动较小的项目

UI自动化测试的好处

  • 减少重复测试的时间，实现快速回归测试
  • 创建可靠的测试过程，避免测试过程中的人为错误
  • 可以实现很多更加繁琐的测试，或者难以用人工实现的测试，减少人力成本
  • 更好的利用资源和测试脚本

UI层的测试框架比较多，比如Windows客户端测试的AutoIT，web测试的selenium以及TestPlant eggPlant，Robot framework，QTP等。

1.4 自动化测试适用对象

  1. 产品型项目。产品型的项目，新版本是在旧版本的基础上进行改进，功能变不大的项目，但项目的新老功能都必须重复的进行回归测试。回归测试是自动化测试的强项，它能够很好的验证你是否引入了新的缺陷，老的缺陷是否修改过来了。在某种程度上可以把自动化测试工具叫做回归测试工具。
  2. 机械频繁的测试。每次需要输入大量用例，并且在一个项目中运行的周期比较长。 比如兼容性测试。

以下情况就不适用于自动化测试：

  1. 需求变动频繁，自动化脚本不能很好的复用（写个测试脚本的时间都够人工测试了，自然不适合自动化测试）
  2. 项目周期短，自动化脚本编写完毕后使用次数不多（没啥时间写脚本）
  3. 交互性较强，需要人工干预的项目，自动化无法实施

1.5 如何实施自动化测试？

单纯的讲，自动化测试的具体实现，应该是包含下面七个过程的。

  1. 分析：总体把握系统逻辑，分析出系统的核心体系架构。
  2. 设计：设计测试用例，测试用例要足够明确和清晰，覆盖面广而精
  3. 实现：实现脚本，有两个要求一是断言，二是合理的运用参数化。
  4. 执行：执行脚本远远没有我们想象中那么简单。脚本执行过程中的异常需要我们仔细的去分析原因。
  5. 总结：测试结果的分析，和测试过程的总结是自动化测试的关键。
  6. 维护：自动化测试脚本的维护是一个难以解决但又必须要解决的问题。
  7. 分析：在自动化测试过程中深刻的分析自动化用例的覆盖风险和脚本维护的成本。

img

2.安装Selenium环境

本文使用各个软件的版本号

1
2
3
4
5
python             3.10.5
pytest             7.4.0
selenium           4.11.2
火狐浏览器版本   116.0.2（64位）
火狐浏览器Selenium IDE插件版本 3.17.4

2.1 火狐安装Selenium IDE

打开火狐，点击右上角选择框，进入扩展和主题

image-20230815131901498

点击左侧扩展，搜索 Selenium IDE

image-20230815131919494

第一个就是我们要的，图标是蓝色的，中间有一个Se字母

image-20230815132002494

进入后，点击获取插件（这里我已经安装了，所以显示的是移除）

image-20230815132027959

2.2 windows安装python

在windows上python安装的基础步骤参考我的这篇博客：【Python】在你的云服务/电脑上搭建Python环境

初次安装python的时候，一定要勾选ADD PYTHON TO PATH这个选项，这个在上文中有提及。因为非常重要所以多说几次！

安装好python后，使用pip安装如下两个包

1
2
pip install pytest
pip install selenium

如果按照的很慢可以加上镜像源

1
2
pip install pytest -i https://pypi.tuna.tsinghua.edu.cn/simple
pip install selenium  -i https://pypi.tuna.tsinghua.edu.cn/simple

windows下如何配置pip镜像源参考：【Python】pip下载使用国内镜像源

2.3 安装火狐驱动geckodriver

如果你尝试直接运行selenium的代码，极有可能会遇到如下报错，这是因为你没有安装火狐对应的驱动

1
WebDriverException: Message: 'geckodriver' executable needs to be in PATH.

火狐驱动下载地址：https://github.com/mozilla/geckodriver/releases

chrome驱动下载地址：https://registry.npmmirror.com/binary.html?path=chromedriver/

因为本文操作用的都是火狐，所以不提及chrome的操作。请自行查阅其他文章

下载好了之后，将其中的geckodriver.exe解压到windows下python的安装路径的Scripts文件夹下；

image-20230815133452659

如果你用的是上面提到那片博客里面的安装方式，那么在windows平台下python默认的安装路径如下

1
C:\Users\moth\AppData\Local\Programs\Python\Python310

如果你不知道你电脑上python的安装路径，可以在vscode的解析器中找到；当你在vscode中打开一个test.py文件，右下角就会显示当前使用的解析器

image-20230815133144736

点击它，就能看到你安装的python的路径

image-20230815133218786

注意：如果你的python是用windows商店安装的，那路径里面是没有Scripts文件夹的！所以强烈不推荐使用windows商店来安装python（虽然确实方便）

你可以在windows设置-软件里面找到微软商店安装的python，将其卸载，然后再用上面提到的办法重新安装你需要的版本的python！

image-20230815133414861

2.4 尝试录制一段操作

上面的安装都完成后，就可以来尝试录制一段操作了。这里我使用了我自己的导航页来测试，打开火狐后，点击右上角的这个拼图图标

image-20230815134108580

选择selenium IDE运行扩展

image-20230815134140312

点击第一个，在新项目中录制一个新操作

image-20230815134200268

随便输入一个项目名字

image-20230815134322768

选择你需要录制的页面url，这里我填了我自己的主页 web.musnow.top，填写好了之后点击START RECORDING开始录制

image-20230815134406281

开始录制后，右下角会出现正在录制的提示；以下是我录制了的操作。

这里我在我主页的输入框中输入了你好，点击回车

image-20230815134237407

然后我又点击了第一个搜索结果，录制到这里就结束了

image-20230815134253921

进入selenium IDE的页面，点击右上角的红色方框停止录制（下图中是已经停止录制后的样子）中间会显示你这次录制做了什么

image-20230815134532977

将本次录制保存，随便起个名字，然后右键左侧的录制名，选择export导出

image-20230815134638917

选择python代码，点击导出；弹出的框会让你选择导出路径

image-20230815134652459

下面就是我导出后的代码，Selenium IDE会将文件命名为项目名_录制名.py

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
# Generated by Selenium IDE
import pytest
import time
import json
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities

class TestTest1():
  def setup_method(self, method):
    self.driver = webdriver.Firefox()
    self.vars = {}

  def teardown_method(self, method):
    self.driver.quit()

  def wait_for_window(self, timeout = 2):
    time.sleep(round(timeout / 1000))
    wh_now = self.driver.window_handles
    wh_then = self.vars["window_handles"]
    if len(wh_now) > len(wh_then):
      return set(wh_now).difference(set(wh_then)).pop()

  def test_test1(self):
    # Test name: test1
    # Step # | name | target | value
    # 1 | open | / |
    self.driver.get("https://web.musnow.top/")
    # 2 | setWindowSize | 1721x935 |
    self.driver.set_window_size(1721, 935)
    # 3 | mouseOver | css=.row:nth-child(5) > .col-sm-3:nth-child(3) > .xe-widget |
    element = self.driver.find_element(By.CSS_SELECTOR, ".row:nth-child(5) > .col-sm-3:nth-child(3) > .xe-widget")
    actions = ActionChains(self.driver)
    actions.move_to_element(element).perform()
    # 4 | mouseOut | css=.row:nth-child(5) > .col-sm-3:nth-child(3) > .xe-widget |
    element = self.driver.find_element(By.CSS_SELECTOR, "body")
    actions = ActionChains(self.driver)
    actions.move_to_element(element, 0, 0).perform()
    # 5 | click | id=txt |
    self.driver.find_element(By.ID, "txt").click()
    # 6 | type | id=txt | 你好
    self.driver.find_element(By.ID, "txt").send_keys("你好")
    # 7 | sendKeys | id=txt | ${KEY_ENTER}
    self.vars["window_handles"] = self.driver.window_handles
    # 8 | selectWindow | handle=${win5784} |
    self.driver.find_element(By.ID, "txt").send_keys(Keys.ENTER)
    # 9 | click | css=.\_paragraph_5yh6i_2 > span > span |
    self.vars["win5784"] = self.wait_for_window(2000)
    # 10 | selectWindow | handle=${win5879} |
    self.driver.switch_to.window(self.vars["win5784"])
    self.vars["window_handles"] = self.driver.window_handles
    self.driver.find_element(By.CSS_SELECTOR, ".\\_paragraph_5yh6i_2 > span > span").click()
    self.vars["win5879"] = self.wait_for_window(2000)
    self.driver.switch_to.window(self.vars["win5879"])


使用如下命令运行这个文件

1
pytest 文件名

直接运行会遇到如下的报错

1
2
3
4
5
      actions = ActionChains(self.driver)
>     actions.move_to_element(element, 0, 0).perform()
E     TypeError: ActionChains.move_to_element() takes 2 positional arguments but 4 were given

test_test1.py:42: TypeError

报错的意思是 ActionChains.move_to_element()函数只需要接受两个参数，但却提供了4个参数，出错的是第四十二行的位置

image-20230815135043228

解决办法是将这里的,0,0给删除，类似38行，只传入element参数就可以了

1
actions.move_to_element(element).perform()

完整解决办法参考：【Python】selenium遇到ActionChains.move_to_element() takes 2 positional arguments but 4 were given报错

修改好了之后，再用pytest运行这个文件，其会弹出一个火狐的浏览器窗口，并在窗口里面复现我们刚刚录制的操作了！

3.代码学习

只会录制是不够的，我们还需要学会这个库的webdriver API基本使用；

需要注意是，不同版本的python selenium包其内部函数有所区别，请确认您的版本和本文所使用的版本相同！否则会出问题的😶‍🌫️

1
selenium   4.11.2

3.1 小试牛刀

在百度主页，用F12打开开发者模式，选中搜索框，能定位到如下html代码

1
<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">

先来看看如下的示例代码吧，这个代码的作用是在百度里面搜索selenium；

这里我们选择了webdriver.Firefox()火狐作为驱动；随后使用了By.ID定位到了kw的位置，即这个搜索框，并在内部send_keys输入了selenium文字。

休眠了2秒后，又通过ID找到了su的html标签（这是确认搜素的按钮），并使用click()方法点击了这个按钮；

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# coding = utf-8
from selenium import webdriver
from selenium.webdriver.common.by import By
import time

browser = webdriver.Firefox()  # 使用火狐的浏览器驱动（必须在python安装目录里面安装对应驱动）
time.sleep(2)
browser.get("http://www.baidu.com")  # 打开网页
time.sleep(2)
browser.find_element(By.ID,"kw").send_keys("selenium")  # 找到网页中的id为kw的地方，输入"selenium"
time.sleep(2)
browser.find_element(By.ID,"su").click()  # 点击id为su的按钮
time.sleep(2)
browser.quit()  # 退出网页

除了quit()，还有close()办法也能关闭网页

1
2
3
4
browser.close() # 也可以关闭窗口。
# 两者的区别是：
# close方法关闭当前的浏览器窗口，quit方法不仅关闭窗口，还会彻底的退出webdriver，释放与driver
# server之间的连接。所以简单来说quit是更加彻底的close，quit会更好的释放资源。

最终运行的效果如下（录制的动图，效果可能不咋地）

GIF

3.2 元素的定位

3.2.1 基本说明

在html中元素的定位是自动化测试的核心，脚本必须要知道你需要操作的是什么页面的元素，才能正常进行自动化处理；

而在html中，一个对象可以用不同的办法来定位到

1
2
3
4
5
6
7
8
id
name
class name
link text
partial link text
tag name
xpath
css selector

前面提到过，百度的输入框html是下面这样的。光是在这一行html代码中，就包含了id、name、class这三个可以用于我们来定位的元素，还有“看不到”的css也能定位到这里。

1
<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">

浏览器开发者模式中，右侧就能看到和kw相关的css是#kw

image-20230815142146714

需要注意的是，要想定位到唯一元素，必须要保证这个元素的标识符在整个页面是唯一的！假设百度的主页有两个id="kw"的元素，那就没有办法通过id来定位到输入框！这就要求写前端的朋友们，尽可能地为每一个需要测试的页面元素留下一个唯一的id或者name，保证自动化脚本能正常运行！

不同定位方式，我们只需要修改By.来自什么，以及传入对应的参数就可以了！

1
2
3
4
5
6
7
8
9
10
11
12
#  通过id 方式定位
browser.find_element(By.ID,"kw").send_keys("selenium1") # 找到网页中的id为kw的地方，输入"selenium"
#  通过name 方式定位
browser.find_element(By.NAME,"wd").send_keys("selenium2")
#  通过tag name 方式定位
browser.find_element(By.TAG_NAME,"input").send_keys("selenium3") # 不能成功，因为input元素太多了，不唯一！
#  通过class name 方式定位
browser.find_element(By.CLASS_NAME,"s_ipt").send_keys("selenium4")
#  通过CSS 方式定位
browser.find_element(By.CSS_SELECTOR,"#kw").send_keys("selenium5")
#  通过XPATH 方式定位
browser.find_element(By.XPATH,"//*[@id='kw']").send_keys("selenium6")

当运行到input定位的时候，由于定位不唯一，就会出现如下报错

1
2
3
4
5
6
7
8
9
selenium.common.exceptions.ElementNotInteractableException: Message: Element <input name="ie" type="hidden"> is not reachable by keyboard
Stacktrace:
RemoteError@chrome://remote/content/shared/RemoteError.sys.mjs:8:8
WebDriverError@chrome://remote/content/shared/webdriver/Errors.sys.mjs:187:5
ElementNotInteractableError@chrome://remote/content/shared/webdriver/Errors.sys.mjs:347:5
webdriverSendKeysToElement@chrome://remote/content/marionette/interaction.sys.mjs:631:13
interaction.sendKeysToElement@chrome://remote/content/marionette/interaction.sys.mjs:605:11
sendKeysToElement@chrome://remote/content/marionette/actors/MarionetteCommandsChild.sys.mjs:535:29
receiveMessage@chrome://remote/content/marionette/actors/MarionetteCommandsChild.sys.mjs:152:31

这是因为有一个<input name="ie" type="hidden"> 标签被隐藏了，我们的send_keys函数（相当于键盘）是没有办法往这个标签里面输入信息的，整个进程也就此退出了。

3.2.2 Xpath

这里对XPATH做一个小小的解释

XPath（XML Path Language）是一种用于在XML文档中定位元素和节点的语言。它是一种基于树结构的表达式语言，通常用于在XML文档中进行导航和搜索操作。XPath 可以帮助您根据元素的层次结构、属性和文本内容来精确定位特定的元素或节点。因为HTML可以看做XML的一种实现，所以我们可以用XPath来定位HTML中的元素。

你可以理解位Xpath类似于正则表达式，可以通过特定的表达式来匹配到我们想要的位置。这里只做了解即可，后续有需要再深入学习；

说明

贪多嚼不烂，当时就是为了面试零时抱佛脚学的，既然现在用不到了，那没必要继续记录博客了。