从开发的角度对UI自动化测试的探索和思考

一、背景

目前公司大部分项目都是通过开发走流程和测试执行用例来保证开发和测试质量的，当遇到开发周期短开发和测试无法验证所有的流程时就可能出现不可预料的问题。

自动化的测试（单元测试、UI自动化测试等）是保证开发和产品质量的重要保障，如果测试案例足够完整，那通过执行测试用例就可以检查出基本的问题，确保问题在开发测消化，给测试同事一个质量高的版本以减少测试工作量，提高产品的交付速度和质量。想到原来团队的支付模块（包含优惠券、凑单、白条、拼单、银行卡支付、京东支付、微信支付、零钱支付、组合支付等非常复杂的支付体系）平均每天数亿元的支付量，大促期间可能有数十亿元的支付量，整个流程又极其复杂并且不允许有任何问题出现，因此每改一个再小的功能都会要求测试把所有的流程要验证一遍，执行用例的工作量是很大的。当初测试团队是通过UI自动化测试来执行用例的，这保证了模块的质量并且减轻了测试的工作量，并且可以利用一台机器定时去执行UI自动化测试用例，通过这种方式保证了支付模块的稳定性。因此决定尝试下UI自动化测试是否能够用于我们的项目。

二、初步尝试

UI自动化测试是指通过编写自动化脚本来模拟用户与应用程序的交互，测试应用程序的用户界面是否正常工作。这些自动化脚本可以模拟用户的点击、输入和其他交互动作，以及验证应用程序的响应和预期结果。UI自动化测试可以帮助开发团队检测和解决用户界面的问题，提高应用程序的质量和稳定性。常见的UI自动化测试工具包括Selenium、Appium和Cypress等。

通过调研决定使用基于Python + Selenium的UI自动化测试方案。

Selenium是一个流行的自动化测试框架，用于测试Web应用程序的用户界面。它提供了一组功能强大的工具和库，允许开发人员使用多种编程语言（如Java、Python、C#、JavaScript等）编写自动化测试脚本。

Selenium可以模拟用户在浏览器中的交互行为，例如点击按钮、输入文本、选择下拉菜单等。它支持各种浏览器，包括Chrome、Firefox、Safari等，并且可以在不同的操作系统上运行。

Selenium的核心组件包括：

Selenium WebDriver：用于控制浏览器并执行测试操作的API。
Selenium Grid：用于在多个浏览器和操作系统上并行运行测试的工具。
Selenium IDE：一个浏览器插件，用于录制和回放用户界面操作，生成测试脚本。

使用Selenium，您可以编写灵活、可靠的自动化测试脚本，验证Web应用程序的功能和用户界面是否正常工作。它是一个广泛使用的工具，被许多开发团队和测试团队用于构建自动化测试套件。

如果想开始单元测试需要学习Python和Selenium，花了几天时间学习了Python和Selenium，实现了一个基础版的登陆流程的自动化测试。期间搭建Python开发环境以及安装Selenium以及对于的Chrome对应的webdriver，由于网上大部分都是老版本的资料，导致经常运行不起来，于是去系统看了Selenium官网，最终实现了登陆功能的测试用例，如下所示：

js 复制代码

from selenium import webdriver

from selenium.webdriver.common.by import By

from selenium.webdriver.common.action_chains import ActionChains

import time  

  


driver = webdriver.Chrome()

driver.maximize_window()

driver.get('https://star-agw.qhhrly.cn/#/login')

  


# 等待加载

driver.implicitly_wait(4)

# 获取登录按钮

element=driver.find_element(By.CLASS_NAME, value='login-com-btn')

# 用户名输入框

userAccountEle = driver.find_element(By.ID, value="userAccout")

# 密码输入框

passwordEle = driver.find_element(By.CSS_SELECTOR, value='input[type="password"]')

# 验证码输入框

veriCodeEle = driver.find_element(By.CSS_SELECTOR, value='input[placeholder="请输入验证码"]')

# 输入登录信息和验证码

userAccountEle.send_keys('admin')

passwordEle.send_keys('Aa1234..')

veriCodeEle.send_keys('1234')

# 点击登录

element.click()