css - Protractor :定位包含多个 div 且没有唯一的 css 来标识它们的元素

Question

只是想分享:如果您处于某个部分中没有类并且该特定 div 的值无法硬编码和更改的情况，使用 Protractor 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>

在需要说identified有唯一手机号的情况下，所以这个值是不一致的。

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;
    }
}