跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Python大前端

Web 自动化测试入门:从概念到 Selenium 实战

综述由AI生成Web 自动化测试的基础概念、分类及金字塔模型,重点阐述了 Selenium 环境搭建与驱动管理方法。通过百度搜索案例演示了完整的自动化脚本编写流程,包括浏览器初始化、元素定位、模拟操作及结果验证。文章强调自动化测试主要用于回归测试,需与人工测试结合,并建议合理分配测试资源以平衡效率与维护成本。

星落发布于 2026/4/6更新于 2026/5/2019 浏览
Web 自动化测试入门:从概念到 Selenium 实战

在这里插入图片描述

前言:

在软件测试领域,自动化测试是提升效率、保障版本迭代质量的核心手段。尤其对于后端服务及配套 Web 界面,Web 自动化测试能有效解决回归测试重复劳动、人工操作易出错等问题。本文将从自动化测试基础概念切入,聚焦 Web 自动化测试的核心原理与 Selenium 实战,帮你搭建一套可落地的 Web 自动化测试流程。

一。自动化测试基础:先搞懂'为什么'和'做什么'

在学习 Web 自动化测试前,我们需要先明确自动化测试的核心定位,它并不可以完全'取代人工',而是帮助测试人员提高效率(主要体现在回归测试上),让测试人员将更多的精力投入到更复杂的测试中。

1.1 自动化测试的核心目标:回归测试

自动化测试的 主要价值 体现在回归测试场景: 当软件迭代新版本时,需验证新增功能未破坏历史功能; 当软件有多个版本并行维护时,需快速验证各版本核心功能的一致性。

这里要避开两个常见误区: ❌ 误区 1:'自动化测试能取代人工测试' 自动化测试由脚本驱动,仅能验证预设场景,无法覆盖异常场景(如网络波动、界面兼容性问题),需与人工探索性测试配合。 ❌ 误区 2:'自动化测试能大幅度降低工作量' 自动化脚本需前期开发与后期维护(如 Web 界面元素变更后,脚本需同步修改),仅在'长期多次回归'场景下才能体现效率优势,短期项目反而可能增加工作量。

1.2 自动化测试分类:别把'不同自动化'混为一谈

自动化 是统称,不同类型的自动化测试解决的问题截然不同。对开发者而言,需重点关注两类:接口自动化与 Web UI 自动化。

自动化测试类型对比:

自动化类型测试目标核心价值适用场景
接口自动化验证后端接口(如 HTTP/GRPC 接口)的输入输出正确性不依赖界面,执行速度快,可在开发早期介入后端接口回归、数据正确性验证
Web UI 自动化验证 Web 界面的操作流程与展示效果(如按钮点击、表单提交、页面跳转)模拟真实用户操作,覆盖'接口 + 界面'端到端场景前端界面回归、关键业务流程验证

1.3 自动化测试金字塔:如何分配测试资源?

测试圈经典的 '自动化测试金字塔' 模型,揭示了不同测试类型的投入产出比:

  • 底层:单元测试:投入少、覆盖广、发现问题早,应占自动化测试的 70%;
  • 中层:接口 / 集成测试:衔接前后端,验证模块交互,应占 20%;
  • 顶层:UI 自动化测试:执行慢、维护成本高,仅覆盖核心业务流程,占 10% 即可。

但实际企业中常出现'冰淇淋蛋筒反模式'—— 自动化测试需要大量的初始投资,找到'突破点',与手动测试相比,我们开始看到它对长期成本产生的积极影响,也能够清楚,这两种测试活动是完全兼容,产生短期和长期利益。

二。Web 自动化测试核心:环境搭建与驱动管理

Web 自动化测试的本质是'用代码模拟人操作浏览器',需依赖三大组件: 浏览器、浏览器驱动、自动化框架(Selenium)

2.1 核心组件原理:三者如何协同工作?

  • 浏览器:执行界面操作的载体(如 Chrome、Firefox);
  • 浏览器驱动:沟通自动化脚本与浏览器的'桥梁'(如 ChromeDriver),负责解析脚本指令并转化为浏览器可执行的操作;
  • Selenium:Python 编写的自动化框架,提供丰富的 API(如查找元素、模拟点击),简化脚本开发。

三者交互流程如下:

在这里插入图片描述

在这里插入图片描述

2.2 环境搭建:3 步搞定依赖安装

Web 自动化测试依赖 Python 环境(便于快速编写脚本,与后端测试工具链兼容),核心安装步骤如下:

步骤 1:安装 Python(3.7~3.11 版本)

步骤 2:安装 Selenium 框架 Selenium 版本需稳定,推荐使用 4.0.0 版本(避免新版本 API 变更导致脚本报错):

pip install selenium==4.0.0

步骤 3:安装驱动管理工具(webdriver-manager) 传统方式需手动下载浏览器驱动,且浏览器更新后需同步更新驱动,极易出现版本不匹配问题。webdriver-manager 可自动管理驱动版本,彻底解决此痛点:

pip install webdriver-manager

原理:webdriver-manager会自动检测本地浏览器版本,下载对应版本的驱动,并在脚本运行时自动配置驱动路径。

三。Selenium 实战:写一个百度搜索自动化脚本

掌握环境搭建后,我们通过'百度搜索'案例,实战 Web 自动化测试的核心流程:打开浏览器→访问页面→查找元素→模拟操作→关闭浏览器。

3.1 完整脚本:百度搜索'迪丽热巴'

import time
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.by import By
from webdriver_manager.chrome import ChromeDriverManager

# 1. 打开浏览器----驱动管理
# 安装并获取 Chrome 驱动程序路径
chrome_driver_path = ChromeDriverManager().install()
# 创建谷歌浏览器驱动对象
driver = webdriver.Chrome(service=Service(chrome_driver_path))
time.sleep(2)

# 2. 输入百度网址(网址要完整)
driver.get("https://www.baidu.com")
time.sleep(2)

# 3. 找到百度输入框,输入关键词'迪丽热巴'(#kw 是搜索框对应的选择器定位方式)
driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("迪丽热巴")
time.sleep(2)

# 4. 点击'百度一下'按钮(#su 是'百度一下'按钮的选择器定位方式)
driver.find_element(By.CSS_SELECTOR, "#su").click()
time.sleep(2)

# 5. 关闭浏览器
driver.quit()

在这里插入图片描述

常用交互 API:

  • send_keys(text):模拟键盘输入(如输入搜索关键词);
  • click():模拟鼠标左键点击(如点击按钮、链接);
  • clear():清空输入框内容;
  • webdriver.Chrome():创建 Chrome 浏览器实例(若用 Firefox,需改为 webdriver.Firefox())

Selenium 元素定位方式对比:

定位方式(By 类)语法示例适用场景
By.IDBy.ID, "kw"元素有唯一 id(如百度输入框 id 为 kw)
By.CSS_SELECTORBy.CSS_SELECTOR, "#kw"灵活定位(支持 id、class、标签名组合)
By.XPATHBy.XPATH, "//input[@id='kw']"复杂场景(如定位表格中的第 n 行元素)

结尾:

Web 自动化测试不是'银弹',但对后端配套的 Web 项目而言,它是回归测试的高效工具。本文从概念到实战,讲解了 Web 自动化测试的核心原理、环境搭建与 Selenium 脚本开发,关键是要记住:Web 自动化测试应聚焦核心流程,与接口自动化、单元测试配合,才能最大化测试效率与质量保障能力。

目录

  1. 前言:
  2. 一。自动化测试基础:先搞懂“为什么”和“做什么”
  3. 1.1 自动化测试的核心目标:回归测试
  4. 1.2 自动化测试分类:别把“不同自动化”混为一谈
  5. 1.3 自动化测试金字塔:如何分配测试资源?
  6. 二。Web 自动化测试核心:环境搭建与驱动管理
  7. 2.1 核心组件原理:三者如何协同工作?
  8. 2.2 环境搭建:3 步搞定依赖安装
  9. 三。Selenium 实战:写一个百度搜索自动化脚本
  10. 3.1 完整脚本:百度搜索“迪丽热巴”
  11. 1. 打开浏览器----驱动管理
  12. 安装并获取 Chrome 驱动程序路径
  13. 创建谷歌浏览器驱动对象
  14. 2. 输入百度网址(网址要完整)
  15. 3. 找到百度输入框,输入关键词“迪丽热巴”(#kw 是搜索框对应的选择器定位方式)
  16. 4. 点击“百度一下”按钮(#su 是“百度一下”按钮的选择器定位方式)
  17. 5. 关闭浏览器
  18. 结尾:
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • 大疆无人机日志导出与解析方法
  • 前端流式输出实现详解:从原理到实践
  • Web 创建与设计指南
  • HTML、CSS、JavaScript 三者关系详解
  • 基于 Docker 部署 Ollama 及 Open-WebUI 完整教程
  • 借助 AI 高效生成测试用例的实操指南
  • OpenClaw 赋能机器人,AI 代理实现具身智能与远程操控
  • 前端代码质量保证最佳实践
  • Python 科学计算核心库 NumPy 详解
  • 高效邮件发送系统设计与实现:基于Python和SQLAlchemy的实践
  • 大模型(LLMs)面试题库汇总:基础、微调、RAG 与推理
  • Android WebView 版本升级方案详解
  • OpenClaw 多飞书机器人接入与多 Agent 团队协作实战
  • 基于 OpenClaw 与 Claude 的自动化写作系统搭建
  • LangChain-Chatchat 本地知识库部署与避坑指南
  • SSTI 绕过 WAF 黑名单策略与高阶 Payload 构造实战
  • Video2Robot:从视频到机器人动作的端到端生成管道
  • 基于 FastAPI 自动构建 SSE MCP 服务器
  • Ollama v0.17.0 发布:OpenClaw 自动安装、Web 搜索及 Context 动态分配优化
  • 基于 Document Picture-in-Picture API 实现视频小窗与主窗口同步控制

相关免费在线工具

  • curl 转代码

    解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具,curl 转代码在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online