使用Webdriver.IO通過

類

選擇元素我用瀏覽器從Webdriver.io並要選擇具有類js-add-board（這是一個按鈕，我想點擊）這個星座中的元素：使用Webdriver.IO通過

<div id="content"> 
    <div class="wrapper"> 
     <div class="news-sidebar sidebar"> 
      .. 
     </div> 
     <ul class="board-list clearfix"> 
      <li class="js-add-board"> 
       <a class="board-list-item label" href="#">Add a new board</a> 
      </li> 
     </ul> 
    </div> 
</div>

這是從風格：

.board-list .js-add-board { 
    text-align: center; 
}

我想什麼：

browser.element('[js-add-board]');

但它返回undefined。

來源

2017-09-06 Gobliins

據我所知，你應該使用類選擇器，而不是屬性。

因此，在這種情況下，請嘗試以下方法：

browser.element('.js-add-board');

來源

2017-09-06 20:07:21

[js-add-board]是屬性選擇器。它將匹配諸如<a js-add-board="something">或<div js-add-board="1">之類的東西。

要匹配類，使用的CSS類選擇：.js-add-board

如果必須使用屬性選擇器，你可以做[class~="js-add-board"]，但我不建議。提示：當您試圖找出用於端到端測試的正確選擇器時，只要它不是角運算器的特定於角度的選擇器之一，則可以通過運行document.querySelector或document.querySelectorAll以及看看它是否有什麼。請參閱this CSS Tricks post。

來源

2017-09-06 17:21:07

使用Webdriver.IO通過

回答

相關問題