量角器：讓還沒有一個具體的類元素

Question

我試着去得到一個端到端的測試，在下面的例子中工作：

HTML：

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

量角器：

.. 
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雖然..我知道它不一樣。但我不能似乎找到如何排除用量角器類

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())}