使用木偶选择并单击下拉菜单项

Question

我需要选择一个，然后单击带有木偶的下拉菜单项以注销。

该菜单要求将鼠标悬停在其上才能下拉而不是单击。

当我选择复制下拉菜单区域的选择器时，我得到了两件事之一。

#ds-desktop-nav-main > div > div > ul.ds-nav-toolbar > li.ds-btn-group.ds-dropdown-group.ds-my-xxx-dropdown.show-logged-in > a > span

或

#ds-desktop-nav-main > div > div > ul.ds-nav-toolbar > li.ds-btn-group.ds-dropdown-group.ds-my-xxx-dropdown.show-logged-in > a

注销按钮的选择器是：

<a href="/users/sign_out" class="ga-tracking" data-ga-action="user" data-ga-category="main_nav" data-ga-label="LOGOUT">Logout</a>

整个内容存储在带有LI元素的UL类中

这是您需要悬停以启动下拉列表的元素的HTML。

<a href="/users/current" class="ga-tracking" data-ga-category="main_nav" data-ga-action="user" data-ga-label="PROFILE"><span class="user-icon"></span></a>

Answer 1

您需要做的就是致电page.hover('some-selector')（官方示例是here）

所以在您的情况下：

page.hover('a[href="/users/sign_out"]')

您可以使用疯狂的嵌套选择器，但我宁愿选择在不久的将来最不可能改变的东西。

您可以了解有关属性选择器here的更多信息。