Selenium-webdriver系列教程(11)————fire event的替代方案

webdriver里面已经没有了fire_event方法,就像世界上再也没有萨达姆,本拉登和卡扎菲一样。

不过我们可以通过其他方法来实现fire_event的相似功能。

考虑下面的html,当鼠标悬停到Mouse Over Here链接上时,js的mouseover事件被触发,show_tips()函数将被执行,隐藏的tips div会显示在页面上。

<html>

    <head>

        <title>FireEvent</title>

        <style>

            .mo {color: blue;}

            .tips {display:none;border: 1px solid #ccc; background-color:#EFEFEF;width: 100px;height:100px}

        </style>

        <script>

            function show_tips(){

                document.getElementById("t").style.display = "block";

            }

            function hide_tips(){

                document.getElementById("t").style.display = "none";

            }

        </script>

    </head>

    <body>

        <a class = "mo" href = "#" onmouseover = "show_tips()" onmouseout = "hide_tips()">Mouse Over Here</a>

        <div id = "t" class = "tips">This is the tips of link</div>

    </body>

</html>

 

如果存在fire_event方法的话,直接在Mouse Over Here链接上触发oumouseover就能达到显示隐藏div的效果了,但是webdriver取消了fire_event,所以这时候我们就需要求助于另一个功能强大的类,Action类。

Action类给用户提供了一些模拟用户交互方法,比如模拟key_down,key_up, double_click等。

下面的代码使用Action类的move_to方法模拟了鼠标的悬停事件,需要注意3点:

  • Action类并不需要显示的实例化,调用时只需要通过driver.action直接调用该实例既可;

  • move_to方法执行完毕后悬停的效果也就消失了,所以代码中使用了循环10次的方法来人为”延长”事件的持续时间;

  • 调用move_to方法只是注册但并未真正的触发实际动作,需要调用perform方法来执行注册了的动作;

require 'rubygems'

require 'selenium-webdriver'

dr = Selenium::WebDriver.for :firefox

select_file = 'file:///'.concat File.expand_path(File.join(File.dirname(__FILE__), 'fire_event.html'))

dr.navigate.to select_file



m = dr.find_element(:css => '.mo')

10.times do

	dr.action.move_to(m).perform

end

 另外也可以直接调用js引擎执行show_tips函数,这样就不需要去模拟事件了。

js = %q[show_tips();]

dr.execute_script js

 

你可能感兴趣的:(webdriver)