如何根據量角器中某列的值驗證特定行的內容？

Question

我想驗證一些特定列值的表的行。例如下面的表格HTML，這裏我想驗證整個行，其中pn是Plan WL。請建議使用classname或css的定位器，因爲我們不使用Xpath。

<ng-component> 
<div class="card"> 
<div class="table 0"> 
<table class="table 1"> 
<thead class="fi-header"> 
<tr> 
<th>PG</th> 
<th>N/U</th> 
<th>RB</th> 
<th>PC</th> 
<th>PN</th> 
<th>CT</th> 
<th>T</th> 
<th>D</th> 
<th>S</th> 
<th>C</th> 
<th>Ca</th> 
<th>OG</th> 
<th>D</th> 
</tr> 
</thead> 
<tbody> 
<tr class="conf-0"> 
<td class="pg">Group 1</td> 
<td> 
<span class="is-n">New</span> 
</td> 
<td class="rb">123</td> 
<td class="pc">AB</td> 
<td class="pn">Alpha Bravo</td> 
<td class="ct">Type 1</td> 
<td class="t">6</td> 
<td class="d">15000</td> 
<td class="s">MR</td> 
<td class="c">Sedan</td> 
<td class="ca">Allstate</td> 
<td class="og">Grp. 1</td> 
<td> </td> 
</tr> 
<tr class="conf-1"> 
<td class="pg">Group 1</td> 
<td> 
<span class="is-n">Used</span> 
</td> 
<td class="rb">123</td> 
<td class="pc">WL</td> 
<td class="pn">Plan WL</td> 
<td class="ct">Type 2</td> 
<td class="t">6</td> 
<td class="d">15000</td> 
<td class="s">MR</td> 
<td class="c">SUV</td> 
<td class="ca">Allstate</td> 
<td class="og">Grp. 1</td> 
<td> 
<span class="dr-0"> 
<a class="dr" href="javascript:void(0)"> 
<span> 
<span class="dr-start-date">3/22/2017</span> 
- 
<span class="dr-end-date">3/22/2017</span> 
, 
</span> 
</a> 
</span> 
<span class="dr-1"> 
<a class="dr" href="javascript:void(0)"> 
<span> 
<span class="dr-start-date">3/22/2017</span> 
- 
<span class="dr-end-date">3/22/2017</span> 
, 
</span> 
</a> 
</span> 
<span class="dr-2"> 
<a class="dr" href="javascript:void(0)"> 
<span> 
<span class="dr-start-date">3/22/2017</span> 
- 
<span class="dr-end-date">3/22/2017</span> 
</span> 
</a> 
</span> 
</td> 
</tr> 

</tbody> 
</table> 
</div> 
</div> 
</ng-component> 

Answer 1

事情如此簡單 - element(by.cssContainingText('tr', 'Plan WL'))會獲取你的包含文本行 - Plan WL隨時隨地水平。

如果您的要求是準確地檢查預期文本是否發生在特定列值，您可以這樣做。

var requiredRow = element.all(by.css('tr')).filter(function(elem, index) { 
    return elem.element(by.css('.pn')).getText().then(function(text) { 
     return text === 'Plan WL'; 
    }); 
}).first();