Splinter入门（四） Mouse interactions 鼠标交互

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)