(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秒------关闭浏览器。

元素定位步骤:

相关推荐
御承扬19 小时前
鸿蒙NDK UI之文本自定义样式
ui·华为·harmonyos·鸿蒙ndk ui
一起养小猫21 小时前
Flutter for OpenHarmony 实战_魔方应用UI设计与交互优化
flutter·ui·交互·harmonyos
会一点设计1 天前
6个优质春节海报模板网站推荐!轻松设计马年祝福海报
ui·ux
hudawei9962 天前
TweenAnimationBuilder和AnimatedBuilder两种动画的比较
flutter·ui·动画·tweenanimation·animatedbuilder
依米阳光082 天前
Playwright MCP AI实现自动化UI测试
ui·自动化·playwright·mcp
芷栀夏2 天前
CANN 仓库实战:用 DrissionPage 构建高效、稳定的 UI 自动化测试框架
ui·aigc·transformer·cann
微祎_2 天前
构建一个 Flutter 点击速度测试器:深入解析实时交互、性能度量与响应式 UI 设计
flutter·ui·交互
AAA阿giao2 天前
从零拆解一个 React + TypeScript 的 TodoList:模块化、数据流与工程实践
前端·react.js·ui·typescript·前端框架
晚霞的不甘2 天前
Flutter for OpenHarmony 构建简洁高效的待办事项应用 实战解析
flutter·ui·前端框架·交互·鸿蒙
百思可瑞教育2 天前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育