Splinter入門（四） Mouse interactions 滑鼠互動

Notes：大多數滑鼠互動目前隻在Chrome驅動程式和Firefox 27.0.1上有效。

滑鼠互動基本使用

 Splinter提供了一套用于滑鼠互動事件的

API

，可以測試滑鼠互動事件，例如滑鼠的單擊，右擊，輕按兩下等等；

 例如，以下用是用

jQuery

實作的滑鼠事件,給含有

.menu-links

的元素分别添加滑鼠

mouseover

和

mouseout

事件。

$('.menu-links').mouseover(function(){
    $(this).find('.subitem').show();
});

$('.menu-links').mouseout(function(){
    $(this).find('.subitem').hide();
});
           

 可以使用Splinter，以腳本形式觸發該事件：

browser.find_by_css('.menu-links').mouse_over()
# Code to check if the subitem is visible...
browser.find_by_css('.menu-links').mouse_out()
           

滑鼠互動事件

事件	解釋	例子
mouse_over	将滑鼠置于元素上方	browser.find_by_tag('h1').mouse_over()
mouse_out	将滑鼠移除元素	browser.find_by_tag('h1').mouse_out()
click	單擊元素	browser.find_by_tag('h1').click()
double_click	輕按兩下元素	browser.find_by_tag('h1').double_click()
right_click	右擊元素	browser.find_by_tag('h1').right_click()
drag_and_drop	可以拖動一個元素并将其拖放到另一個元素中！示例中拖動h1标簽元素，并将其拖放到容器元素(由CSS類辨別)。	draggable=browser.find_by_tag(‘h1’) target=browser.find_by_css(’.container’) draggable.drag_and_drop(target)