无法点击量角器中的隐藏元素？（请浏览图片。）

Question

这是 HTML 代码：

<li class="subdropdown">
                    <a href="" class="submenu-toggle">Create Position</a>
                    <ul class="list-unstyled dropdown-submenu" role="menu">
                        <li style="cursor: pointer;">
                            <a ng-click="openPositionModal($event)"><i class="glyphicon glyphicon-list-alt"></i> New Position</a>
                        </li>

这是我的测试用例：

1) Move  the cursor on "Create position" toggle menu.
2) After the mouse hover, click on the "New position" menu list.

Answer 1

我使用下面的代码点击了一个隐藏元素。也许它可能会帮助某人。

进口声明：

import { browser, by, element } from 'protractor';

代码：

const hiddenElement = element(by.id('hiddenIcon'));
browser.driver.executeScript('arguments[0].click();', hiddenElement.getWebElement());

只需将 hiddenIcon 更改为您的元素的 id。

Answer 2

browser.actions()、“按链接文本”和“按部分链接文本”定位器在这里应该有所帮助：

var EC = protractor.ExpectedConditions;

// open up the menu

// choose position
var choosePosition = element(by.linkText('Create Position'));
browser.actions().mouseMove(choosePosition).perform();

// choose new position
var newPosition = $('a[ng-click*=openPositionModal]');
browser.wait(EC.elementToBeClickable(newPosition), 3000);
newPosition.click();