浏览器操作练习 · 元素交互

点击、输入、清空及可见性判断等元素交互操作

首页 浏览器操作导航
浏览器操作演示
参数配置演示 打开关闭演示 页面导航演示 窗口控制演示 页面信息演示 元素交互演示 Cookie操作演示 截图保存演示 超时等待演示
浏览器操作作业
参数配置作业 打开关闭作业 页面导航作业 窗口控制作业 页面信息作业 元素交互作业 Cookie操作作业 截图保存作业 超时等待作业

页面导读 · 元素交互

演示 Selenium 与页面元素交互的 核心 7 个方法，覆盖点击、输入、查询三大场景。操作前必须先定位元素：用 find_element(By.ID/XPATH/CSS, ...) 获取 WebElement 对象。

参数配置 打开关闭 页面导航 窗口控制 页面信息 元素交互 Cookie操作 截图保存 超时等待

练习 6 · 元素交互（click / send_keys / clear / is_displayed / get_text）

📋 练习要求 · 元素交互
概念 WebElement 三件套：clear → send_keys → click，操作前先断言可见
Selenium API find_element / click / send_keys / clear / is_displayed / get_attribute / text
练习要点
  • find_element 定位输入框 → clear() 清空 → send_keys("test_user")
  • is_displayed() 断言元素可见，再 click() 触发按钮
  • 断言按钮 disabled 属性为真，或页面出现 "登录成功" 文本
# 快速参考
username = driver.find_element(By.ID, "username")
username.clear()
username.send_keys("test_user")
assert username.is_displayed()
login_btn = driver.find_element(By.ID, "login_btn")
login_btn.click()
assert "登录成功" in driver.page_source
📋 本节练习清单
  • ✅ 练习目标 1：输入框填写 — find_element(By.ID, "username") 定位输入框，clear() 清空后 send_keys("test_user") 输入内容
  • ✅ 练习目标 2：可见性断言 — 操作前用 is_displayed() 断言输入框可见，避免对隐藏元素误操作
  • ✅ 练习目标 3：点击与结果断言 — click() 点击 #login_btn 按钮，断言按钮 disabled 属性变为 true、页面出现「登录成功」文本
6 练习目标：表单填写 + 按钮点击 + 文本断言

操作步骤：
① 用 driver.find_element(By.ID, "username") 找到输入框，clear() 后 send_keys("test_user")；
② 用 is_displayed() 断言输入框可见；
③ 点击 #login_btn 按钮；
④ 断言页面中出现预期的提示文本（如"登录成功"或按钮的 disabled 属性变 true）。

迷你表单模拟（练习元素交互）

关于我们

Python 自动化测试学习平台是一个面向软件测试工程师、开发人员及在校学生的交互式在线学习平台，专注于 Selenium WebDriver 与 Python unittest 自动化测试技能的教学与实践。

我们以"理论 + 实战 + 可交互演示"为核心特色，将八种常规元素定位和Javascript定位、元素操作、自动化测试工具、单元测试、测试模型等知识体系拆分为模块化课程，每个模块都配有可点击、可输入、可运行的模拟练习页面。

平台致力于降低自动化测试的入门门槛，让学习者从"看懂代码"到"动手实操"，逐步掌握企业级自动化测试框架的设计与落地能力。

联系方式

📧邮箱：lq@selenium-auto-test.com

📞电话：0755-12345678

📍地址：深圳

💬微信公众号：Selenium自动化测试

🐙GitHub：github.com/selenium-auto-test

免责声明

1. 本平台所有示例代码、演示页面及教程内容均仅供学习交流使用，不构成任何商业推广或技术服务承诺。

2. 平台中的 Selenium API 描述、Python 语法说明均以官方文档为准，如有版本差异请以对应官方文档为准。

3. 学习者在实际项目中应用平台所学内容时，应结合自身项目环境进行充分测试，本平台不对因直接使用示例代码而产生的任何直接或间接损失承担责任。

4. 本平台所引用的第三方库（Selenium、ChromeDriver、unittest 等）版权归其各自作者及维护者所有。

5. 如涉及版权问题或内容建议，请及时通过联系方式与我们沟通，我们将第一时间处理。

查看参考答案（Python Selenium） 
# 练习 6 参考答案
from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
# 请替换为包含上述迷你表单的测试页面 URL
driver.get("https://你的测试页面URL")

# ① 定位 + 操作前先断言可见
username_input = driver.find_element(By.ID, "username")
assert username_input.is_displayed(), "username 输入框不可见"

# ② 清空 + 输入
username_input.clear()
username_input.send_keys("test_user")

# ③ 点击登录按钮
login_btn = driver.find_element(By.ID, "login_btn")
login_btn.click()

# ④ 断言结果（按钮 disabled 属性变 true 或提示文本）
assert login_btn.get_attribute("disabled") == "true", "登录按钮未被禁用"
page_text = driver.page_source
assert "登录成功" in page_text, "页面未出现「登录成功」"

driver.quit()
print("✅ 练习 6 所有断言通过！")