如何使用量角器通過CSS代碼單擊元素？

Question

我一直在嘗試使用CSS選擇器單擊該元素，但是它不起作用：

<button _ngcontent-c16="" class="btn btn-flat btn-no-text btn-kebab-view">
         <i _ngcontent-c16="" class="zmdi zmdi-more-vert"></i>
</button>

我正在努力：

element.all(by.css('.btn .btn-flat .btn-no-text .btn-kebab-view')).first().click();

量角器給我錯誤：

失敗：索引超出范圍。 嘗試訪問索引為0的元素，但只有0個元素與定位符By（css選擇器，.btn .btn-flat .btn-no-text .btn-kebab-view）匹配

Answer 1

您應該使用以下CSS選擇器： .btn.btn-flat.btn-no-text.btn-kebab-view 。

Answer 2

嘗試使用XPath：

對於按鈕：

//button[@class='btn btn-flat btn-no-text btn-kebab-view']

或對於i標簽：

//i[@class='zmdi zmdi-more-vert']

Answer 3

只需使用類名定位器：

by.className('btn btn-flat btn-no-text btn-kebab-view')

或者您可以使用XPath：

//*[@class='btn btn-flat btn-no-text btn-kebab-view']