selenium模拟H5触摸滑动之-TouchAction

 

最近做移动端H5页面的自动化测试时候，需要模拟一些上拉，下滑的操作，最初考虑使用使用selenium ActionChains来模拟操作，但是ActionChains 只是针对PC端程序鼠标模拟的一系列操作对H5页面操作时无效的，

比如：

# 将页面滚动条拖到底部，需要设置sleep(1)
sleep(1)
driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")
# driver.execute_script("window.scrollTo(0, 10000);") # sleep(3) 

后来阅读了下selenium的文档发现TouchAction可以对移动端页面自动化操作；

首先使用TouchAction的时候首先需要在头上引入该模块
from selenium.webdriver.common.touch_actions import TouchActions
通过scroll_from_element、flick_element 方法来实现下拉操作

TouchAction提供的一些方法：

• double_tap(on_element) #双击
• flick_element(on_element, xoffset, yoffset, speed) #从元素开始以指定的速度移动
• long_press(on_element)　　 #长按不释放
• move(xcoord, ycoord)　　 #移动到指定的位置
• perform()　　 #执行链中的所有动作
• release(xcoord, ycoord)　　 #在某个位置松开操作
• scroll(xoffset, yoffset) #滚动到某个位置
• scroll_from_element(on_element, xoffset, yoffset) #从某元素开始滚动到某个位置
• tap(on_element) #单击
• tap_and_hold(xcoord, ycoord) #某点按住

因为我们模拟的是移动端的H5自动化测试，首先需要我们将浏览器设置成为手机浏览器（设置之后，模拟会更加真实）

1.以元素为起点向下滑动，实现下拉操作

scroll_from_element(on_element xoffset yoffset)
on_element:开始元素滚动。
xoffset:X偏移量。
yoffset:Y偏移量。

注意：向下滑动为负数，向上滑动为正数

import time
 
from selenium import webdriver
 
from selenium.webdriver.common.touch_actions import TouchActions """设置手机的大小""" mobileEmulation = {'deviceName': 'Apple iPhone 5'} options = webdriver.ChromeOptions() options.add_experimental_option('mobileEmulation', mobileEmulation) driver = webdriver.Chrome(chrome_options=options) driver.get('http://m.test.90dichan.com') driver.maximize_window() """定位操作元素""" button = driver.find_element_by_xpath('//*[@id="pullrefresh"]/div[2]/ul/li[2]/a/div[2]/span') time.sleep(3) Action = TouchActions(driver) """从button元素像下滑动200元素""" Action.scroll_from_element(button, 0, -200).perform() time.sleep(3) driver.close() 

2.以元素为起点用一定速度向下滑动，实现下拉操作

flick_element(on_element, xoffset, yoffset, speed)；
on_element #操作元素定位
xoffset　　 #x轴偏移量
yoffset #y轴偏移量
speed #速度

注意：向上滑动为负数，向下滑动为正数

import time
 
from selenium import webdriver
 
from selenium.webdriver.common.touch_actions import TouchActions """设置手机的大小""" mobileEmulation = {'deviceName': 'Apple iPhone 5'} options = webdriver.ChromeOptions() options.add_experimental_option('mobileEmulation', mobileEmulation) driver = webdriver.Chrome(chrome_options=options) driver.get('http://m.test.90dichan.com') driver.maximize_window() """定位操作元素""" button = driver.find_element_by_xpath('//*[@id="pullrefresh"]/div[2]/ul/li[2]/a/div[2]/span') time.sleep(3) Action = TouchActions(driver) """从button元素像下滑动200元素，以50的速度向下滑动""" Action.flick_element(button, 0, 200, 50).perform() time.sleep(3) driver.close() 

参考：
[python selenium TouchAction模拟移动端触摸操作]: https://www.cnblogs.com/mengyu/p/8136421.html
[ python+selenium滑动式验证码解决办法 ]: https://blog.csdn.net/zha6476003/article/details/79002430
[ python selenium 下拉列表定位 ]:https://blog.csdn.net/xm_csdn/article/details/53376839