(UI自动化测试)第二篇:元素定位的方法_class定位

第三种定位 方式:class定位

⽅法: driver.find_element_by_class_name("class属性值")

前置: 标签必须有class属性

特点: class属性值可以有多个值

说明:如果标签有多个class值,使⽤任何⼀个都可以。如:c1

python 复制代码
# 导包selenium
from selenium import webdriver
import time
# 创建浏览器驱动对象
driver = webdriver.Chrome()
# 打开测试网站
driver.get("file:///E:/%E5%AD%A6%E4%B9%A0%E7%9B%B8%E5%85%B3/%E8%87%AA%E5%8A%A8%E5%8C%96%E7%9B%B8%E5%85%B3/02/UI%E8%87%AA%E5%8A%A8%E5%8C%96V5.0%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/web%E7%AB%AF%E7%8E%AF%E5%A2%83/web%E8%AF%BE%E5%A0%82%E7%B4%A0%E6%9D%90/web/%E6%B3%A8%E5%86%8CA.html")
# 使窗口最大化
driver.maximize_window()
# 在电话号码A输入框中输入18611111111
driver.find_element_by_class("telA").send_keys("18611111111")
# 在电子邮箱A输入框中输入123@qq.com
driver.find_element_by_class("c1").send_keys("123@qq.com")
# 等待3秒
time.sleep(3)
# 退出浏览器
driver.quit()

运行代码的效果是:自动创建一个谷歌浏览器------打开的网页,是你在代码中输入的网址------自动定位到元素名是class,值为telA的,定位到输入框后自动填写账号8611111111------自动定位到元素名叫class,元素值叫cl的,并自动填写密码123@qq.com------当前页面静静等待3秒------关闭浏览器。

元素定位步骤:

相关推荐
老星*16 小时前
Lucide Icons:开源、轻量、设计师友好的现代图标库
ui·开源·github
Swift社区16 小时前
AI 驱动 UI:鸿蒙 ArkUI 的新可能
人工智能·ui·harmonyos
Feng-licong20 小时前
告别手写 UI:当 Google Stitch 遇上 Flutter,2026 年的“Vibe Coding”开发流
flutter·ui
一字白首21 小时前
微信小程序进阶实战:从 UI 组件库到全局状态管理全解DAY05
ui·微信小程序·小程序
Rabbit_QL1 天前
【前端UI行话】前端 UI 术语速查表
前端·ui·状态模式
console.log('npc')2 天前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
田里的水稻2 天前
EI_openclaw_UI交互
人工智能·ui·机器人
NGBQ121382 天前
Adobe-Photoshop-2026-27.4.0.15-m0nkrus 全解析:专业图片处理软件深度指南
ui·adobe·photoshop
mxwin2 天前
Unity Shader UI 流光效果完全推导指南
ui·unity·游戏引擎·shader·uv
程序员Ctrl喵2 天前
UI 构建系统 —— “万物皆 Widget”的哲学
ui