量角器：定位包含多个 div 且没有唯一 css 来识别它们的元素

Question

只是想分享：如果您处于某个部分中没有类并且该特定 div 的值无法硬编码和更改的情况，使用量角器 e2e 框架我已经设法使用这个找到特定的 div方法：

添加一个没有每个元素都有一个类的html示例

<div class="row">
  <div class="page_banner">A Dude's Profile</div>
  <div class="profile_details">
    <div class="profile_name">
     <h3>Tony Adams</h3>
    </div>
    <div>ta@bogus.com</div>
    <div>0883424324</div>
  </div>
</div>

在需要说标识有唯一手机号的情况下，所以值不一致。

function mobileNumberAssert() {
        element.all(by.css('.profile_details'))
        .get(1) // number of divs in css
        .getText()
        .then(function(textFoundInCss) {
    if(textFoundInCss > 10) {
      return true; 
       console.log('there is a mobile number present with 10 digits');
       } else {
         return false;
       }
     });
}

对于调试，您可以通过控制台记录“textFoundInCss”以查找特定的 div。

Answer 1

由于您似乎在寻找基于文本的元素，您可以使用by.cssContainingText() 来简化此操作。

const el = element(by.cssContainingText('div', `Text I'm looking for`);

el.isPresent().then(isPresent => {
    if (isPresent) {
        // do something ...
    } else {
        return false;
    }
}