无法点击量角器中的隐藏元素？（请仔细阅读图片。）

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

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();

Answer 2

我使用下面的代码单击隐藏的元素。可能对某人有帮助。

导入声明：

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

代码：

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

只需将hiddenIcon更改为元素的ID。