如何在Protractor中定位类中的多个文本元素？

Question

因为在我的测试中，我需要使用我的量角器测试来验证突出显示的文本(肯塔基州列克星敦)。

<li id="address" class="list">
<div class="content">
<small class="mb-1">
<span>
Suite # 278
<br>
</span>
**Lexington, KY**
</small>
</li>

如何使用css或cssContainingText定位器验证突出显示的文本？

Answer 1

事实上，量角器的创建者已经将很好的documentation放在了适当的位置，请仔细阅读它，以获得关于css和cssContainingText用法的良好知识。我将在这里简短地回答您的问题--使用element(by.cssContainingText('.content','Lexington'))

更新1:如果你想添加一个断言..执行此操作- expect(element(by.cssContainingText('.content','Lexington'))).toContain('Lexington, KY')

Answer 2

首先，我很困惑，因为你似乎永远不会关闭它在关闭div...is之后关闭的内容？

不管怎样，我会简单地修改HTML，这样你就不需要一些令人抓狂的复杂的选择器了。我会这样做：

<li id="address" class="list">
  <div class="content">
    <small class="mb-1">
      <span>
        Suite # 278
        <br>
      </span>
      <cityState>Lexington, KY</cityState>
    </small>
</li>

function checkCityState(){
  return element(by.tagName('cityState')).getText();
}

expect(checkCityState()).toBe('Lexington, KY');