javascript - Protractor :如何单击据说不可见的链接

Question

我需要点击页眉中的链接:

<div class="fixed">
        <nav class="top-bar" data-options="is_hover:false">
        ...
        <section class="top-bar-section">
            <ul class="left">
                ...
                <li ng-show="hasPermission('ROLE_MESSAGE')" class=""><a href="#/message" class="ng-binding">Message</a></li>
            </ul>
        </section></nav>
</div>

但是任何尝试都会因“元素不可见错误”而失败。 这似乎很奇怪，因为在上一步中我以具有 ROLE_MESSAGE 权限的用户身份登录。 尝试了不同的定位器，但都不起作用。

Answer 1

很可能，您首先需要打开菜单，然后单击链接:

var navigationMenu = element(by.css("nav.top-bar"));
navigationMenu.click();

navigationMenu.element(by.linkText("Message")).click();

或者，您可能需要将鼠标悬停在导航菜单上而不是单击它:

var navigationMenu = element(by.css("nav.top-bar"));
browser.actions().mouseMove(navigationMenu).perform();

navigationMenu.element(by.linkText("Message")).click();

---

如果没有帮助，您可以单击带有 javascript 的链接，但我会尽量避免这样做:

var navigationMenu = element(by.css("nav.top-bar"));
var messageLink = navigationMenu.element(by.linkText("Message")).click();

browser.executeScript("arguments[0].click();", messageLink);