メニューを選択するためのbuttonTextメソッドの使用中にエラーが発生する

Question

WebページのメニューにAdminという要素があります。 は、以下の要素のHTMLタグであり、Firebugのからそれを得た：

私は、Webアプリケーションを自動化するために分度器を使用しています

<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> 

、上記の要素のために私がスローされた要素が、エラーをクリックしbuttonTextメソッドを使用していました。

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

「管理者」をクリックするのにどのロケータを使用する必要がありますか？

Answer 1

私の経験では、CSSで簡単に見つけることができました。これを試してみてください：

まずLETのは、要素をより良いクラス名を与える：今

<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()