1)我有一个网页html代码如下:
<div>
<ul>
<li><a id="menu1">menu1</a></li>
<li><a id="menu2" style="display:none" href="http://baidu.com">go to badiu.</a></li>
<li><a id="menu3" style="display:none" href="http://google.com">go to google.</a></li>
</ul>
</div>
js代码如下
<script language="javascript" type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(function () {
$('#menu1').mouseover(function () {
$('#menu2').show();
$('#menu3').show();
});
});
</script>
通过以上代码相信大家基本知道当我鼠标移动到menu1时menu2和menu3才会显示。
2)如何在selenium中实现mouseover,代码如下:
IWebElement menu1;
IWebElement menu2;
//instantiation
menu1 = driver.FindElement(By.Id("menu1"));
menu2 = driver.FindElement(By.Id("menu2"));
//mouseover
Actions builder = new Actions(driver);
Actions hoverOverRegistrar = builder.MoveToElement(menu1);
hoverOverRegistrar.Perform();
//click and assert
menu2.Click();
Assert.True(driver.Title.Contains("百度一下"), "go to baidu failed.");