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.");
本文介绍了一个HTML示例,展示了使用jQuery实现鼠标悬停显示隐藏元素的效果,并提供了使用Selenium进行相同效果模拟的示例代码,实现了mouseover操作并验证了预期行为。
2115

被折叠的 条评论
为什么被折叠?



