Protractor : get element which has not a specific class

Question

我正在尝试进行下一个示例的e2e测试:

HTML:

<div ng-if="selectedItem">
  <span class-"xxx">This is line 1</span>
  <span class="xxx yyy">This is line 2</span>
</div>

Protractor :

..
element.findByCss('div[ng-if="selectedItem"] span[class!="yyy"]');
..

给出以下错误:

Failed: invalid element state: Failed to execute 'querySelectorAll' on 'Document': 'div[ng-if="selectedItem"] span[class!="yyy"]' is not a valid selector.

选择器虽然与jQuery一起使用..我知道它不一样。但是我似乎无法找到如何排除带有 Protractor 的类的方法

Answer 1

使用not否定伪类:

$('div[ng-if=selectedItem] span:not(.yyy)');

或者，您也可以匹配完整的 class属性值:

$('div[ng-if=selectedItem] span[class=xxx]');

或者，如果适用，您还可以按索引获取第一个 span:

$$('div[ng-if=selectedItem] span.xxx').first();

$此处是 element(by.css())， $$- element.all(by.css())的快捷方式