量角器:定位/单击 DOM 上的按钮

Question

我正在尝试弄清楚如何识别并单击底部列出的按钮。

<div class="media-body feed-item">
<div class="media-main" ng-class="{'no-avatar' : feed.type === 'Newsfeed' || feed.type === 'ProductItem' || feed.type === 'PollResult' || feed.type === 'GoalKeyResultUpdate'}">
<div class="meta meta-actions mar-bot10 has-icon" ng-class="{'has-icon': feed.type !== 'Newsfeed' &amp;&amp; feed.type !== 'ProductItem' &amp;&amp; feed.type !== 'PollResult'}">
<ul class="inline clearfix">
<li ng-if="!feed.MeCongrated &amp;&amp; userData.memberActive" class="ng-scope">
<button type="button" class="btn-meta ng-scope" ng-click="congrats(feed)" translate="profile.partials.rec.fee.lik"> Like</button></li>

Answer 1

 element(by.ButtonText("Like")).click() 

或

element(by.partialButtonText("Like")).click()

如果类是唯一的：

element(by.className("btn-meta ng-scope")).click()

通过 css：

element(by.css("btn-meta.ng-scope")).click()

通过 css 选择的另一种方法：

element(by.css("[ng-click='congrats(feed)']")).click()

按路径选择：

element(by.xpath(".//button[@ng-click='congrats(feed)']")).click()

或者，您可以通过单击ng单击创建自定义选择器。