angularjs - Protractor 单击链接，但元素不可见？

Question

各位，

当我想单击 html 页面列表中的链接时遇到问题。这是我的 html:

<h3>{{snapshot.contractKey}}&nbsp;</h3>
    <ul class="nav nav-pills nav-stacked">
                <li><a id="documentLink" href="" ng-click="checkAndRedirect('/document1/')"><span translate="contractDetail.document1"> Document</span>&nbsp;<i class="fa fa-file-text"></i></a></li>
                <li class="active"><a id="detailsLink" href="" ng-click="checkAndRedirect('/document2/')"> <span translate="contractDetail.document2"> Details</span>&nbsp;<i class="fa fa-list-ul"></i></a></li>
                <li><a id="revisionsLink" href="" ng-click="checkAndRedirect('/document3/')"> <span translate="contractDetail.document3"> Revisions </span>&nbsp;<i class="fa fa-exchange"></i></a></li>
                <li><a id="auditTrailLink" href="" ng-click="checkAndRedirect('/document4/')"> <span translate="contractDetail.document4"> Audit Trail</span>&nbsp;<i class="fa fa-tasks"></i></a></li>
                <li><a id="actionHistoryLink" href="" ng-click="checkAndRedirect('/document5/')"> <span translate="contractDetail.document5">Action History </span>&nbsp;<i class="fa fa-clock-o"></i></a></li>
     </ul>

当我想在 Protractor 测试中通过 ID 单击链接时，显示错误没有此类元素或元素不可见。

这是我的测试代码行:

element(by.id('documentLink')).click();

你知道为什么这是一个糟糕的解决方案以及该怎么办吗？

当我这样做时:

element.all(by.tagName('a')).then(function(results){ 
        expect(results.length).toEqual(5);
  });

他给我返回的是正确的信息，并且页面上有 5 个链接。但是当我尝试通过 ID 访问它们时，我不能这样做？

Answer 1

根据您的评论，我建议您在 Protractor 配置中使用 onPrepare 选项，在规范开始运行之前最大化浏览器窗口:

onPrepare: function() {
  browser.driver.manage().window().maximize();
}