selenium web控件的交互进阶

Action

ActionChains: 执行PC端的鼠标点击，双击，右键，拖曳等事件

TouchActions: 模拟PC和移动端的点击，滑动，拖曳，多点触控等多种手势操作

动作链接 ActionChains

执行原理：

调用 ActionChains 方法的时候，不会立刻执行，而是将所有的操作放到一个队列里面，当调用 perform() 方法的时候，队列的事件就会依次执行

基本用法：

• 生成一个动作 actions =ActionChains(driver)
• 动作添加方法1 actions.move_to_element(menu)
• 动作添加方法2 actions.click(hidden_submenu)
• 调用 actions.perform() 方法执行

具体写法:

• 链式写法

ActionChains(driver).move_to_element(menu).click(hidden_submenu).perform()

• 分布写法

actions =ActionChains(driver)
actions.move_to_element(menu)
actions.click(hidden_submenu)
actions.perform()

ActionChains 具体用法

用法一： 点击，右键，双击操作

actions =ActionChains(driver)
actions.click(element)
actions.double_click(element)
actions.context_click(element)
actions.perform()

测试网站： https://sahitest.com/demo/clicks.htm

#!/usr/bin/env python
# -*- encoding: utf-8 -*-
'''
@File        :test_02.py
@Describe    :
@Create      :2021/06/23 00:16:26
@Author      :od
'''
import pytest
import time
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.common.by import By
from selenium.webdriver import ActionChains

class TestActions:
    def setup(self):
        self.chrome_options = Options()
        self.chrome_options.add_experimental_option("debuggerAddress", "127.0.0.1:9222")  # 指定配置好的 chrom
        self.chrome_driver = r"./chromedriver.exe"  # 驱动路径
        self.driver = webdriver.Chrome(self.chrome_driver, chrome_options=self.chrome_options)  # 加入驱动设置
        # self.driver.get('https://sahitest.com/demo/clicks.htm')  # 发起请求
        # self.driver.maximize_window()  # 设置为最大化
        self.driver.implicitly_wait(3)  # 添加一个隐式等待默认等待3秒

    def teardown(self):
        print('关闭浏览器')
        time.sleep(1)
        # self.driver.quit()

    # 测试用例如果不加sleep的话，元素如果没加载出来，是会报错的，所以我们要加个隐式等待
    def test_clicks(self):
        print('go')
        dbl_click_me = self.driver.find_element_by_xpath("//input[@value='dbl click me']")  # 双击
        click_me = self.driver.find_element_by_xpath("//input[@value='click me']")  # 单击
        right_me = self.driver.find_element_by_xpath("// input[ @ value='right click me']")  # 右键
        action = ActionChains(self.driver)  # 初始化
        action.click(click_me)  # 点击一次
        action.double_click(dbl_click_me)  # 双击两次
        action.context_click(right_me)  # 右键一次
        action.perform()  # 启动

if __name__ == '__main__':
    pytest.main(['-vs', "test_action.py::TestActions"])

用法2

鼠标移动到某个元素上面

action = ActionChains(self.driver)
action.move_to_element(element)
action.perform()

增加一个移动的测试用例, 测试网址为 百度 移动鼠标到百度的设置，会出现下拉框

#!/usr/bin/env python
# -*- encoding: utf-8 -*-
import pytest
import time
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.common.by import By
from selenium.webdriver import ActionChains

class TestActions:
    def setup(self):
        self.chrome_options = Options()
        self.chrome_options.add_experimental_option("debuggerAddress", "127.0.0.1:9222")  # 指定配置好的 chrom
        self.chrome_driver = r"./chromedriver.exe"  # 驱动路径
        self.driver = webdriver.Chrome(self.chrome_driver, chrome_options=self.chrome_options)  # 加入驱动设置
        # self.driver.get('https://sahitest.com/demo/clicks.htm')  # 发起请求
        # self.driver.maximize_window()  # 设置为最大化
        self.driver.implicitly_wait(3)  # 添加一个隐式等待默认等待3秒

    def teardown(self):
        print('关闭浏览器')
        time.sleep(1)
        # self.driver.quit()

    # 测试用例如果不加sleep的话，元素如果没加载出来，是会报错的，所以我们要加个隐式等待
    @pytest.mark.skip  # 不想执行这个测试用例可以加这个装饰器跳过
    def test_clicks(self):
        print('go')
        dbl_click_me = self.driver.find_element_by_xpath("//input[@value='dbl click me']")  # 双击
        click_me = self.driver.find_element_by_xpath("//input[@value='click me']")  # 单击
        right_me = self.driver.find_element_by_xpath("// input[ @ value='right click me']")  # 右键
        action = ActionChains(self.driver)  # 初始化
        action.click(click_me)  # 点击一次
        action.double_click(dbl_click_me)  # 双击两次
        action.context_click(right_me)  # 右键一次
        action.perform()  # 启动

    def test_movie(self):
        self.driver.get('https://www.baidu.com/')  # 发起请求
        move_mouse = self.driver.find_element_by_xpath("//span[@id='s-usersetting-top']")  # 定位移动u元素
        action = ActionChains(self.driver)  # 初始化
        action.move_to_element(move_mouse)   # 移动光到设置去
        action.perform()  # 启动

if __name__ == '__main__':
    pytest.main(['-vs', "test_action.py::TestActions"])

测试demo 2 网址为: https://sahitest.com/demo/dragDropMooTools.htm

代码大致同上， 增加一个跳过百度的装饰器，然后在下面新增一个方法 test_move2， 进行一个拖拽

   def test_movie2(self):
        self.driver.get('https://sahitest.com/demo/dragDropMooTools.htm')  # 发起请求
        drag_element = self.driver.find_element_by_xpath('//*[@id="dragger"]')  # 拿起元素
        drop_element1 = self.driver.find_element_by_xpath("/html/body/div[2]")  # 放下元素
        drop_element2 = self.driver.find_element_by_xpath('/html/body/div[3]')  # 放下元素
        drop_element3 = self.driver.find_element_by_xpath("/html/body/div[4]")  # 放下元素
        drop_element4 = self.driver.find_element_by_xpath("/html/body/div[5]")  # 放下元素
        action = ActionChains(self.driver)  # 初始化
        action.drag_and_drop(drag_element, drop_element1).drag_and_drop(drag_element, drop_element2).drag_and_drop(drag_element, drop_element3).drag_and_drop(drag_element,
        drop_element4).perform() #链式写法perform

但是，如果这样写会出现一个情况

查了很多帖子，也不知道为什么会这样，有个模糊点的答案就是

因为ActionChains这个方法的动作添加是添加到一个list中，重复使用可能会出一些不可预知的问题

所以需要每次最好遇到行不懂的情况就重新写实例一个action, 改写如下

    def test_movie2(self):
        self.driver.get('https://sahitest.com/demo/dragDropMooTools.htm')  # 发起请求
        drag_element = self.driver.find_element_by_xpath('//*[@id="dragger"]')  # 拿起元素
        drop_element1 = self.driver.find_element_by_xpath("/html/body/div[2]")  # 放下元素
        drop_element2 = self.driver.find_element_by_xpath('/html/body/div[3]')  # 放下元素
        drop_element3 = self.driver.find_element_by_xpath("/html/body/div[4]")  # 放下元素
        drop_element4 = self.driver.find_element_by_xpath("/html/body/div[5]")  # 放下元素
        action = ActionChains(self.driver)  # 初始化
        action.drag_and_drop(drag_element, drop_element1).perform()
        time.sleep(1)
        action2 = ActionChains(self.driver)  # 初始化
        action2.drag_and_drop(drag_element, drop_element2).perform()
        time.sleep(1)
        action3 = ActionChains(self.driver)  # 初始化
        action3.drag_and_drop(drag_element, drop_element3).perform()
        time.sleep(1)
        action4 = ActionChains(self.driver)  # 初始化
        action4.drag_and_drop(drag_element, drop_element4).perform()

改三。。。发现是没有暂停时间的问题。。。以下代码也是可以的

def test_movie2(self):
        self.driver.get('https://sahitest.com/demo/dragDropMooTools.htm')  # 发起请求
        drag_element = self.driver.find_element_by_xpath('//*[@id="dragger"]')  # 拿起元素
        drop_element1 = self.driver.find_element_by_xpath("/html/body/div[2]")  # 放下元素
        drop_element2 = self.driver.find_element_by_xpath('/html/body/div[3]')  # 放下元素
        drop_element3 = self.driver.find_element_by_xpath("/html/body/div[4]")  # 放下元素
        drop_element4 = self.driver.find_element_by_xpath("/html/body/div[5]")  # 放下元素
        action = ActionChains(self.driver)  # 初始化
        action.drag_and_drop(drag_element, drop_element1).pause(1).drag_and_drop(drag_element, drop_element2).pause(1).drag_and_drop(drag_element, drop_element3).pause(1).drag_and_drop(drag_element, drop_element4).pause(1).perform() # pause(1) 代表暂停1秒

用法 三

使用ActionChains模拟按键方法。用法如下

action = ActionChains(self.driver)
action.send_keys(Keys.BACK_SPACE)
# 或者action.key_down(Keys.CONTROL).send_keys('a').key_up(Keys.CONTROL)
action.perform()

测试网址: https://sahitest.com/demo/label.htm

测试效果，

1、在第一个 Username 中填入 lakes james，

2、 在第二个输入框使用全选，复制，粘贴到输入框

def test_movie3(self):
        url = 'https://sahitest.com/demo/label.htm'
        usernames = 'lakes'
        passwds = 'james'
        self.driver.get(url)  # 发起请求
        click_element = self.driver.find_element_by_xpath("//label[contains(text(),'Username')]//input[@type='textbox']")  # 选中第一个框
        second_element = self.driver.find_element_by_xpath("/html/body/label[2]/table/tbody/tr/td[2]/input")
        action = ActionChains(self.driver)
        action.click(click_element).pause(1).send_keys(usernames).pause(0.5).send_keys(Keys.SPACE).pause(1).send_keys(f'{passwds}').pause(1).send_keys(        Keys.BACK_SPACE).pause(1).key_down(Keys.CONTROL).send_keys('a').pause(1).key_down(Keys.CONTROL).send_keys('c').pause(2).click(second_element).pause(1).key_down(Keys.CONTROL).send_keys('v').perform()
          # 1、点击第一个元素然后等待1秒然后发送username和空格然后发送密码过去然后发送一个删除1个字母，然后全选然后点击复制，然后点击第二个元素，然后粘贴上去
          # 2、ctrl + a 不能通过 action.send_keys(Keys.CONTROL, "a") 直接发送，需要 key_down之后再 send_keys再然后 key_up(Keys.CONTROL)

Keys 类键盘操作的常用方法：

Keys 类键盘操作的常用方法：
引入Keys类：
    from selenium.webdriver.common.keys import Keys
常用方法：
　　send_keys(Keys.BACK_SPACE) 删除键（BackSpace）
　　send_keys(Keys.SPACE)  空格键(Space)
　　send_keys(Keys.TAB)  制表键(Tab)
　　send_keys(Keys.ESCAPE)  回退键（Esc）
　　send_keys(Keys.ENTER) 回车键（Enter）
　　send_keys(Keys.CONTROL,'a') 全选（Ctrl+A）
　　send_keys(Keys.CONTROL,'c') 复制（Ctrl+C）
　　send_keys(Keys.CONTROL,'x') 剪切（Ctrl+X）
　　send_keys(Keys.CONTROL,'v') 粘贴（Ctrl+V）
...
#输入框输入内容
driver.find_element_by_id("kw1").send_keys("seleniumm")
time.sleep(3)
#删除多输入的一个m
driver.find_element_by_id("kw1").send_keys(Keys.BACK_SPACE)
time.sleep(3)
...

TouchAction用法

ActionChains和TouchAction可以用来模拟点击、双击、滑动等事件。ActionChains用于执行PC端的鼠标移动、按键、拖拽等事件；TouchActions用法与ActionChains类似，可以用来模拟PC和移动端的点击、滑动、拖拽等手势操作。，

ActionChains和TouchAction都是将动作存储在队列中，然后执行perform()方法，按队列顺序执行动作。

手势控制方法

double_tap 双击
flick 滑动
flick_element 从某个元素位置开始滑动
long_press 长按
move 手势移动指定偏移
Perform 执行
release 释放手势
scroll 点击并滚动
scroll_from_element 从某个元素位置开始手势点击并滚动(向下滑动为负数,向上滑动为正数)
flick_element——从某个元素位置开始手势滑动(负数：向上滑动，正数：向下滑动)
tap 在指定元素上点击
tap_and_hold 在指定元素上点击但不释放

例子： 打开百度搜索然后搜索湖人，下拉滑动到尽头

from selenium.webdriver import TouchActions

def test_serarch(self):
        url = 'https://www.baidu.com/'
        kw = '湖人'
        self.driver.get(url)  # 发起请求
        input_element = self.driver.find_element_by_xpath("//input[@id='kw']")  # 选中输入框
        input_element.send_keys(kw)  # 对选中的输入文字
        search = self.driver.find_element_by_id("su")  # 点击搜索
        action = TouchActions(self.driver)  # 初始化一个action
        action.tap(search).perform()  # 点击确认等待2秒之后执行, 并执行
        action.scroll_from_element(input_element, 0, 10000).perform()  # 传入三个元素。第一个元素是选定的起点，x,y 是滚动的偏移量

但是会报错，所以我们要对初始化的时候进行点修改

def setup(self):
        self.chrome_options = Options()
        self.chrome_options.add_experimental_option("debuggerAddress", "127.0.0.1:9222")  # 指定配置好的 chrom
        self.chrome_options.add_experimental_option("w3c", False) # 设置为w3c
        self.chrome_driver = r"./chromedriver.exe"  # 驱动路径
        self.driver = webdriver.Chrome(self.chrome_driver, chrome_options=self.chrome_options)  # 加入驱动设置
        # self.driver.get('https://sahitest.com/demo/clicks.htm')  # 发起请求
        # self.driver.maximize_window()  # 设置为最大化
        self.driver.implicitly_wait(3)  # 添加一个隐式等待默认等待3秒

    def teardown(self):
        print('关闭浏览器')
        # time.sleep(1)