javascript - 从 Protractor 中的选项卡获取元素

Question

<div class="tab"><br>
  <div class="main-icon-container">
    <div class="flex-container">
         <!---->
      <div class="flex-item text-center" 
         ng-repeat="icon in ctrl.data.icons | filter: tab" 
           ng-class="{ 'icon-selected': ctrl.data.selectedIcon === icon.icon }" 
              ng-click="ctrl.data.selectIcon(icon.icon)">
               <div class="icon-container">
                 <span class="cursor icon icon-location_apartment_block grey-bg">::before
            </span>
         </div>
       <p> Apartment block </p>
     </div>
    <!---->

如何在 Protractor 中的选项卡中找到上述第一个元素？选项卡有 15 个元素，上面的这个是选项卡中的第一个元素。我想单击该元素，无论是哪个元素。

<div class="tab-pane active" 
           ng-repeat="tab in tabset.tabs" 
              ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab" style>

Answer 1

不太确定我的问题是否正确，但在我看来cssContainingText()应该是您的首选。

您的 Protractor 代码应如下所示:

element(by.cssContainingText('div.tab p', ' Apartment block ')).click();

更新

因为有一个点击阻止元素(可能只在页面加载期间存在)，Protractor 首先需要等待该元素消失。

因此使用ExpectedConditions看来需要。

var EC = protractor.ExpectedConditions;
browser.wait(EC.invisibilityOf($('div.click-block')),5000);
element(by.cssContainingText('div.tab p', ' Apartment block ')).click();