一、写在前面

上篇文章介绍的是关于浏览器的常见操作，接下来，我们将继续分享关于元素的常见操作，建议「收藏、转发！」

二、元素的状态

在操作元素之前，我们需要了解元素的常见状态。

1、常见元素状态判断，傻傻分不清

• is_displayed()
• is_enabled()
• is_selected()

2、is_displayed()

判断元素是否显示

element.is_displayed()

「注意：」

判断button是否显示，和is_displayed()容易混淆的是is_enabled()。

区别在于，直接用element.is_enabled()方法判断button是否显示，返回值为true，因为button是使用CSS方法判断是否有效，这并不是真正的方法，需要判断其class中是否有值为disabled来判断是否真正处于disabled的状态.

3、is_enabled()

判断元素是否有效，即是否为灰化状态

element.is_enabled()  

4、is_selected()

一般判断表单元素，如radio或checkbox是否被选中。

element.is_selected() 

三、常见元素的操作

这部分主要演示的常见点击操作，例如：文本输入、复选框、单选按钮、选择选项、鼠标点击事件等等。

1、元素点击操作

「演示案例：」

「点击（鼠标左键）页面按钮」：click()

「示例代码如下：」

driver.get("http://localhost:8080/click.html")
button1 = driver.find_element(By.ID, "button1")
is_displayed = button1.is_enabled()
if is_displayed:
    button1.click()

2、Submit操作

「演示案例：」

「点击（鼠标左键）页面按钮」：submit()

「示例代码如下：」

driver.get("http://localhost:8080/submit.html")
login = driver.find_element(By.ID, "login")
is_displayed = login.is_enabled()
if is_displayed:
    login.submit()
    # login.click()

「小贴士：」

支持submit的肯定支持click,但是支持click的，不一定支持submit，可能会报错如下：

3、输入、清空输入操作

「演示案例：」

「输入、清空输入操作」：clear(), send_keys()

「示例代码如下：」

username = driver.find_element(By.CSS_SELECTOR, "input[type='text']")
username.clear()
username.send_keys(u"公众号：软件测试君")
# 输出:公众号：软件测试君
print('输入值：{0}'.format(username.get_attribute("value")))
time.sleep(1)

四、鼠标键盘事件操作

1、模拟回车操作

模拟打开百度搜索输入博客园，回车操作，示例代码如下：

driver.get("https://www.baidu.com/")
driver.find_element(By.ID, "kw").send_keys("久曲健 博客园", Keys.ENTER)

2、常见鼠标操作

「演示案例：」

常见鼠标操作很多，如左键点击、悬浮、移动、双击、右键等等，示例代码如下：

driver.get("http://localhost:8080/mouse.html")
# 鼠标左键点击
ActionChains(driver).click(driver.find_element(By.ID, "mouse2")).perform()
time.sleep(1)
driver.switch_to.alert.accept()
time.sleep(1)
# 鼠标悬浮并移动操作
ActionChains(driver).move_to_element(driver.find_element(By.ID, "mouse1")).pause(1).move_to_element(
    driver.find_element(By.ID, "mouse6")).perform()
time.sleep(1)
driver.switch_to.alert.accept()
# 鼠标双击操作
ActionChains(driver).double_click(driver.find_element(By.ID, "mouse3")).perform()
time.sleep(1)
driver.switch_to.alert.accept()
# 鼠标右键
ActionChains(driver).context_click(driver.find_element(By.ID, "mouse5")).perform()

3、常见的键盘操作

键盘操作 对应代码 键盘F1到F12 send_keys(Keys.F1) 把F1改成对应的快捷键 复制Ctrl+C send_keys(Keys.CONTROL,'c') 粘贴Ctrl+V send_keys(Keys.CONTROL,'v') 全选Ctrl+A send_keys(Keys.CONTROL,'a') 剪切Ctrl+X send_keys(Keys.CONTROL,'x') 制表键Tab send_keys(Keys.TAB)

五、演示案例源码

「示例代码：」

# -*- coding: utf-8 -*-
"""
@Time ： 2022/10/25 21:39
@Auth ： 软件测试君
@File ：element_actions.py
@IDE ：PyCharm
@Motto：ABC(Always Be Coding)

"""
import time

from selenium.webdriver import Keys, ActionChains
from selenium.webdriver.common.by import By
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from webdriver_manager.chrome import ChromeDriverManager

'''
初始化操作
'''
driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()))


def init():
    # 最大化操作
    driver.maximize_window()
    driver.set_script_timeout(60)
    # 智能等待找到元素后立即继续执行，全局生效
    driver.implicitly_wait(60)
    driver.set_page_load_timeout(60)


init()

'''
元素点击操作
'''


def clickDemo():
    # 点击（鼠标左键）页面按钮：click()
    driver.get("http://localhost:8080/click.html")
    button1 = driver.find_element(By.ID, "button1")
    is_displayed = button1.is_enabled()
    if is_displayed:
        button1.click()

    # 关闭弹窗
    driver.switch_to.alert.accept()


### 元素基本操作
clickDemo()
time.sleep(1)

'''
submit操作
'''


def submitDemo():
    # 点击（鼠标左键）页面按钮：submit()
    driver.get("http://localhost:8080/submit.html")
    login = driver.find_element(By.ID, "login")
    is_displayed = login.is_enabled()
    if is_displayed:
        login.submit()
        # login.click()
    # 小贴士：支持submit的肯定支持click,但是支持click的，不一定支持submit，可能会报错如下：


submitDemo()

'''
输入、清空输入操作
'''


def clearInputDemo():
    # 输入、清空输入操作：clear() send_keys()
    username = driver.find_element(By.CSS_SELECTOR, "input[type='text']")
    username.clear()
    username.send_keys(u"公众号：软件测试君")
    # 输出:公众号：软件测试君
    print('输入值：{0}'.format(username.get_attribute("value")))
    time.sleep(1)


clearInputDemo()

'''
模拟打开百度搜索输入博客园，回车操作
'''


def mockEnterDemo():
    # 模拟打开百度搜索输入博客园，回车操作 示例代码
    driver.get("https://www.baidu.com/")
    driver.find_element(By.ID, "kw").send_keys("久曲健 博客园", Keys.ENTER)


### 键盘操作
mockEnterDemo()
def mouseDemo():
    driver.get("http://localhost:8080/mouse.html")
    # 鼠标左键点击
    ActionChains(driver).click(driver.find_element(By.ID, "mouse2")).perform()
    time.sleep(1)
    driver.switch_to.alert.accept()
    time.sleep(1)
    # 鼠标悬浮并移动操作
    ActionChains(driver).move_to_element(driver.find_element(By.ID, "mouse1")).pause(1).move_to_element(
        driver.find_element(By.ID, "mouse6")).perform()
    time.sleep(1)
    driver.switch_to.alert.accept()
    # 鼠标双击操作
    ActionChains(driver).double_click(driver.find_element(By.ID, "mouse3")).perform()
    time.sleep(1)
    driver.switch_to.alert.accept()
    # 鼠标右键
    ActionChains(driver).context_click(driver.find_element(By.ID, "mouse5")).perform()


###  常见键盘事件操作
mouseDemo()

time.sleep(3)
driver.quit()

六、最后

到此，常见元素操作演示结束，这里只是列举了一些常用的操作，关于其他操作，感兴趣的同学请左键查看源代码 ！

我是六哥，如果觉得文章对您有帮助，建议收藏、转发！

请继续关注我，我的公众号：软件测试君，并帮忙转发文章到朋友圈。

你的每一次转发，我都当做了喜欢！