Python中Selenium模擬JQuery滑動(dòng)解鎖實(shí)例

更新時(shí)間：2017年07月26日 09:30:48 作者：蟲(chóng)師

這篇文章主要介紹了Python中Selenium模擬JQuery滑動(dòng)解鎖實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文介紹了Python中Selenium模擬JQuery滑動(dòng)解鎖實(shí)例，分享給大家，也給自己留個(gè)筆記

滑動(dòng)解鎖一直做UI自動(dòng)化的難點(diǎn)之一，我補(bǔ)一篇滑動(dòng)解鎖的例子，希望能給初做Web UI自動(dòng)化測(cè)試的同學(xué)一些思路。

首先先看個(gè)例子。

當(dāng)我手動(dòng)點(diǎn)擊滑塊時(shí)，改變的只是樣式：

1、slide-to-unlock-handle 表示滑塊，滑塊的左邊距在變大（因?yàn)樗谙蛴乙苿?dòng)嘛?。?/p>

2、Slide-tounlock-progress 表示滑過(guò)之后的背景黃色，黃色的寬度在增加，因?yàn)榛瑒?dòng)經(jīng)過(guò)的地方都變黃了。

除些之外，沒(méi)其它任何變化了，所以我們利用鼠標(biāo)的拖動(dòng)貌似不行！因?yàn)槭髽?biāo)的拖動(dòng)是將一個(gè)元素移動(dòng)到另一個(gè)元素上。這樣：

# 定位元素的原位置
element = driver.find_element_by_id("xx")
# 定位元素要移動(dòng)到的目標(biāo)位置
target = driver.find_element_by_id("xx")

ActionChains(driver).drag_and_drop(element, target).perform()

但在我手動(dòng)演示的過(guò)程中，元素的位置并沒(méi)有發(fā)生變化。

接下來(lái)看我是怎么實(shí)現(xiàn)的。

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.common.exceptions import UnexpectedAlertPresentException
from time import sleep

driver = webdriver.Chrome()
driver.get("https://www.helloweba.com/demo/2017/unlock/")


dragger = driver.find_elements_by_class_name("slide-to-unlock-handle")[0]

action = ActionChains(driver)

action.click_and_hold(dragger).perform() #鼠標(biāo)左鍵按下不放

for index in range(200):
  try:
    action.move_by_offset(2, 0).perform() #平行移動(dòng)鼠標(biāo)
  except UnexpectedAlertPresentException:
    break
  action.reset_actions()
  sleep(0.1) #等待停頓時(shí)間


# 打印警告框提示
success_text = driver.switch_to.alert.text
print(success_text)

sleep(5)

driver.quit()

driver.find_elements_by_class_name("slide-to-unlock-handle")[0]

首先，我要操作的頁(yè)面上有好幾個(gè)滑塊，我先通過(guò)通過(guò)class屬性找到所有的里面的第一個(gè)。

click_and_hold()

通過(guò)click_and_hold()方法對(duì)滑塊按下鼠標(biāo)左鍵。

move_by_offset()

接下來(lái)就是通過(guò)for循環(huán)動(dòng)滑塊的位置，move_by_offset()方法第一個(gè)參數(shù)是X軸，第二個(gè)參數(shù)是Y軸，單位為像素。因?yàn)槭瞧叫幸苿?dòng)，所以Y設(shè)置為0。 X每次移動(dòng)兩2個(gè)像素。

當(dāng)解鎖成功后會(huì)拋UnexpectedAlertPresentException異常，捕捉后跳出循環(huán)。

每次循環(huán)休眠0.1秒，時(shí)間間隔越小，移動(dòng)越順滑喲！

核心的幾步介紹完了，接下來(lái)就是獲取警告框上面的提示信息并打印，然后關(guān)閉瀏覽器。

打印結(jié)果為：

successfully unlock!