分度器 - クリックされた<a>タグのテキストを取得する方法

Question

つまり、私はドロップダウンオプションを選択しました。しかし、ここでは、オプションtextが期待値であると主張したいと思います。私は下にelementSwitcher.element(by.linkText(option)).click()でドロップダウンオプションの値を選択している

注：

<div class="btn-group dropdown open" uib-dropdown=""> 
<ul class="dropdown-menu accounts-dropdown" uib-dropdown-menu="" aria-labelledby="simple-dropdown"> 
    <li ng-repeat="accountChoice in ctrl.accountOptions" class="ng-scope"> 
    <a ng-click="ctrl.selectOption(accountChoice)" class="ng-binding">Assets</a> 
    </li> 
</ul> 
</div> 

問題は、Iつまり：

this.selectDropdown = function (name, option, uniqueId) { 
 
     
 
     var elem = element(by.id(uniqueId)); 
 

 
     var elementSwitcher = elem.element(by.css("div[uib-dropdown]"));   
 
     elementSwitcher.element(by.css("button[uib-dropdown-toggle]")).click(); 
 
       
 
     elementSwitcher.element(by.linkText(option)).click().then(function() { 
 
      var el = elementSwitcher.element(by.tagName('a')).getText(); 
 
      console.log('*** JUST CLICKED. el text = ', el); 
 
     });    
 

 
    };

とレンダリングされたHTMLは次のようになります私が期待しているAssetsテキストにアクセスできない、そして私のconsole.log()は私に言っている：

W/element - more than one element found for locator By(css selector, 
a) - the first result will be used 
    *** JUST CLICKED. el text = ElementFinder { 
browser_: 
    ProtractorBrowser { 
    controlFlow: [Function], 

は再び、私はその後、ドロップダウン要素（aタグ）をクリックし、クリックされたものと同じaタグのtext一部を取得したいと思います。

アドバイスをいただきありがとうございます。

**** UPDATE ****

以下アレックスの答えを1として、私は私の最後のヘルパー関数を投稿：

/** 
 
    * Helper function to select an angular-ui dropdown option, and return the <a> link text which was selected. 
 
    * 
 
    * @param name 
 
    * @param option 
 
    * @param uniqueId 
 
    * 
 
    * @returns {Promise} A promise that returns the link text when resolved. 
 
    */ 
 
    this.selectUibDropDownOption = function (name, option, uniqueId) { 
 
     var deferred = protractor.promise.defer(); 
 

 
     var elem = element(by.id(uniqueId));  // i.e. by.id('drpAccount') 
 

 
     var elementSwitcher = elem.element(by.css("div[uib-dropdown]"));  
 
     elementSwitcher.element(by.css("button[uib-dropdown-toggle]")).click(); 
 
     
 
     // i.e. by.linkText('Liabilities and Equity') 
 
     //elementSwitcher.element(by.linkText(option)).click(); // also works, but doesn't get link text 
 

 
     var link = elementSwitcher.element(by.linkText(option)); 
 

 
     // Important to first get the text of the <a> tag, then click on the link. 
 
     link.getText().then(function (linkText) {    
 
      link.click();    
 
      deferred.fulfill(linkText); 
 
     }); 
 
    
 
     return deferred.promise; 
 
    };

とから呼び出し関数です。ここで、私のdescribe/itが定義されています：

var specItem = it(item.name, function() {    
 
    item.search.map(function (srchItem) { 
 

 
     // i.e. { "name": "Account", "option": "Assets", "uniqueId": "drpAccount" }, 
 
\t var optionText = pageObjects.selectUibDropDownOption(srchItem.name, srchItem.option, srchItem.uniqueId); 
 
\t 
 
\t optionText.then(function (linkText) { 
 
\t  console.log('** Clicked on: ', linkText); 
 
\t  expect(srchItem.option).toEqual(linkText); 
 
\t }); 
 
    }); 
 
});

Answer 1

何がコンソールに表示することは約束の文字列表現である - 約束を返しgetText()。あなたは「古い要素参照」または「要素が見つかりません」というエラーを取得する場合、あなたがテキストを取得する必要があり、また

elementSwitcher.element(by.tagName('a')).getText().then(function (linkText) { 
    console.log('*** JUST CLICKED. el text = ', linkText); 
}); 

// or elementSwitcher.element(by.tagName('a')).getText().then(console.log); 

：あなたは、実際のリンクテキスト値を表示したい場合は、は約束を解決します実際にリンクをクリックする前に

---

か、なぜそれをこのように実行しない - 、リンクテキストでリンクを見つけるのテキストを取得し、それをクリックしてください：

var link = elementSwitcher.element(by.linkText(option)); 
link.getText().then(function (linkText) { 
    console.log(linkText); 
    link.click(); 
});