我们如何单击量角器中特定文本的父元素

Question

下面给出了我们的UI代码。

<div _ngcontent-wuu-c29="" class="frx-rule-block ng-star-inserted">
   <div _ngcontent-wuu-c29="" class="frx-rule-header">
      <h4 _ngcontent-wuu-c29="">1</h4>
      <i _ngcontent-wuu-c29="" class="demo-icon"></i>
      <label _ngcontent-wuu-c29="" class="frx-rule-title">Rule Group</label>
   </div>
   <div _ngcontent-wuu-c29="" class="frx-rule-body">
      <div _ngcontent-wuu-c29="" class="frx-rule-descr">
          <h3 _ngcontent-wuu-c29="">Sample rule groups</h3>
          <p _ngcontent-wuu-c29="">Sample description.</p>
      </div>
      <div>--------</div>
   </div>
</div>

[我们有一个主div，在这个主div内，我们有许多子类元素“ frx-rule-block ng-star-inserted”。h3标签中的文本“ Sample rule groups”在不同方面有所不同“ .frx-rule-block ng-star-inserted”。我需要为此特定的h3标签单击h4标签中的数字1。因此，如何选择此特殊文本“示例规则组”并单击数字1在h4标签中。谢谢您。

Answer 1

有一种通过xpath选择同级元素的方法，但我不记得了。因此，这里有一个解决方法：

let myElement = element(by.cssContainingTex(".frx-rule-title", "Rule Group").element(by.xpath("..")).element(by.xpath("//h4[contains(text(), '1')]"))