Question

我对自动化测试非常陌生，并寻求帮助来识别处于折叠状态的面板，我需要打开该面板以填写该面板内的表单字段的详细信息。

我正在尝试下面的xpath定位器：

browser.findElement(by.className('panel-heading collapsed')).click();

如果我以正确的方式这样做，请告诉我。

网页代码：

<div class="panel-heading collapsed" id="menu-toggle2" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo1" ng-click="tooglePanel('collapseTwo1')" role="button" tabindex="0" aria-expanded="false"> 
<h4 class="panel-title">
<a class="accordion-toggle panel-heading collapsed" id="menu-toggle2" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo1" aria-expanded="false"> 
    <strong class="ng-binding">COMPANY DETAILS</strong> 
   </a> 
 </h4> 
</div>

Answer 1

您使用的选择器的问题是使用类panel-heading collapsed有多个元素。你需要更独特的东西。在这种情况下，我可能会在此元素上使用ng-click()属性。以下内容应该有效：

browser.findElement(by.css('div[ng-click="tooglePanel('collapseTwo1')"]').click();

另一种选择是使用链接文字：

browser.findElement(by.linkText('COMPANY DETAILS').click();

在Protractor中找到折叠面板的最佳方法是什么？

1 个答案: