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

元素定位步骤:

相关推荐
修炼前端秘籍的小帅4 天前
Stitch——Google热门的免费AI UI设计工具
前端·人工智能·ui
王码码20354 天前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
2501_921930834 天前
Flutter for OpenHarmony:第三方库实战 chewie 视频播放器UI组件详解
flutter·ui
梵得儿SHI4 天前
Vue3 生态工具实战宝典:UI 组件库 + 表单验证全解析(Element Plus/Ant Design Vue/VeeValidate)
前端·vue.js·ui·elementplus·vue性能优化·antdesignvue·表单验证方案
Unity游戏资源学习屋4 天前
【Unity UI资源包】GUI Pro - Casual Game 专为休闲手游打造的专业级UI资源包
ui·unity
麻瓜呀5 天前
vue2 Element-ui框架相关常见问题-表单组件重置显示异常
运维·服务器·ui
秦始皇爱找茬5 天前
Playwright Python Windows 下 headful Chromium 崩溃排查经验分享
python·ui自动化·playwright
少云清5 天前
【UI自动化测试】4_PO模式 _PO模式封装
ui·po模式