尝试单击下拉菜单中的链接,该链接只能通过将鼠标悬停在元素上来访问
Trying to click a link in a dropdown which can only be accessed by hovering over an element
我试图在一个下拉菜单中点击一个元素(链接),这只在悬停在一个元素上时出现。不幸的是,我不能提供一个链接到网站的问题正在发生,因为功能是不可用的在我们的现场现场尚未。下面是与此问题相关的HTML代码:
<li class="sub-menu">
<span class="label">Signed in as</span>
<span class="val">Xkeek Javed Wezacur</span>
<a href="#user-actions">Menu</a>
<ul id="user-actions">
<li>
<li>
<li>
<a href="/sign_out">Sign out</a>
</li>
</ul>
</li>
现在我正在尝试访问并单击代码:
<a>href="/sign_out">Sign out</a>
我尝试了各种解决方案,但每次都出错。下面是我尝试过的和收到的错误:
@browser.li(:class, 'sub-menu').ul(:id, 'user-actions').link(:text, 'Sign out').click
元素无法滚动进入视图:https://xxxuat.com/sign_out (Selenium::WebDriver::Error::MoveTargetOutOfBoundsError)
@browser.ul(:id, 'user-actions').link(:text, 'Sign out').click
元素无法滚动进入视图:https://xxxuat.com/sign_out (Selenium::WebDriver::Error::MoveTargetOutOfBoundsError)
@browser.link(:text, 'Menu').link(:text, 'Sign out').click
无法定位元素,使用{:text=>"Sign out",:tag_name=>"a"} (Watir::Exception::UnknownObjectException)
@browser.link(:text, 'Sign out').click
元素无法滚动进入视图:https://xxxuat.com/sign_out (Selenium::WebDriver::Error::MoveTargetOutOfBoundsError)
我试着用stackoverflow和Google groups找到一些答案,如果我能指出正确的方向,我将非常感激。谢谢大家。
运行环境:Mac OSX 10.7.5, Firefox 19.0.2, Ruby 1.9.3p194, watir-webdriver 0.6.2
I just try:
@browser.link(:text, 'Menu').fire_event('onmouseover'),
@browser.li(:class, 'sub-menu', :text, 'Sign out').link.click
我得到的错误是:期望散列或(:how, 'what'),得到[:class, "sub-menu",:text, "Sign out"] (ArgumentError)。
现在我很困惑
Watir只会点击可见的元素。由于退出链接只有在显示子菜单时才可见,因此您需要先显示子菜单。
下面的操作用于展开菜单,然后单击退出链接:
#Expand submenu
browser.ul(:id => 'account-menu').link(:text => 'Menu').click
#Click sign out
browser.link(:text => 'Sign out').click
哇!!最后我让它工作:)。我不得不操纵javascript来显示下拉菜单,因为其他方法都失败了,下面是我的代码:
@browser.execute_script("$('#user-actions').css('left',0);")
@browser.link(:text => 'Sign out').when_present.click
感谢Justin和Bala为我指明了正确的方向。
- 链接don'由于Javascript悬停效果,无法在移动设备上工作
- 链接悬停css在不浮动时不在表浮动标题中工作
- 有没有一种方法可以让链接不可点击,但仍然可以使用:悬停
- 悬停时将一个链接更改为两个
- 当主导航链接悬停时,在侧菜单中显示链接
- 淡入淡出链接悬停不起作用
- 以即时点击样式执行 PJAX 调用(仅在链接悬停时加载所需的内容)
- 导航栏:在显示子菜单后保持链接悬停
- 元素之间的链接悬停
- CSS/JQuery 链接悬停不会触发
- 在链接悬停时更改背景图像
- 当链接悬停时创建一个弹出窗口,就像在facebook中一样,当你把光标放在链接上时,它会显示发送消息等选项
- 添加新的按钮/链接悬停在剑道网格上
- jQuery淡出图像的链接悬停
- 背景图像在链接上悬停时发生变化,希望图像保持不变,直到其他链接悬停
- 使用javascript而不是css添加链接悬停颜色
- 当页面包含asp.net ajax更新面板时,css链接悬停和javascript不工作
- 在链接悬停时更改另一个图像
- 更改图像链接悬停在文本列表
- 更改链接悬停背景颜色时遇到麻烦