使用buttonText方法选择菜单时出错

时间:2016-10-27 17:11:07

标签: javascript selenium protractor

我在网页的菜单中有一个元素Admin。 下面是元素的HTML标记,从Firebug获取:

<button class="md-button-toggle md-button md-default-theme" ng-transclude="" ng-show="canShow()" ng-click="toggle()" aria-controls="side-menu-admin_short" flex="" layout="row" aria-expanded="false" tabindex="0" aria-hidden="false">
<div class="pull-left ng-binding ng-scope">Admin</div>
<div aria-hidden="true" class="pull-right fa fa-chevron-down md-toggle-icon ng-scope" ng-class="{'toggled' : isOpen()}" style=""></div>
<div class="md-ripple-container" style=""></div></button>

我使用量角器自动化Web应用程序,对于上面的元素,我使用buttonText方法单击元素但是抛出了错误。

element(by.buttonText('Admin')).click(); 

我需要使用哪个定位器点击管理员?

1 个答案:

答案 0 :(得分:0)

根据我的经验,我发现CSS更容易找到。试试这个:

首先让我们给元素一个更好的类名:

<div> class="pull-left ng-binding ng-scope prt-admin"> Admin </div>

现在通过CSS类找到那个元素:

element(by.css('.prt-admin').click();

如果您不想更改CSS类,请尝试以下操作:

element(by.css('.pull-left ng-binding ng-scope')).click()

element(by.css('.pull-left')).click()