Использование транспортира для выбора опции раскрывающегося списка uib

DOM, который я тестирую в раскрывающемся списке uib (https://angular-ui.github.io/bootstrap/#/dropdown ), но возникли проблемы с выбором определенного параметра из раскрывающегося списка.

Взяв, к примеру, этот обработанный HTML-фрагмент, я хочу выбрать раскрывающийся список Assets:

<tr>
<td>
<div id="drpAccount">
    <div class="btn-group dropdown open" uib-dropdown="">
	<button id="single-button" style="color:white;" type="button" class="btn btn-xs btn-link dropdown-toggle" uib-dropdown-toggle="" aria-haspopup="true" aria-expanded="true">
	    Account : <b class="ng-binding">Assets</b> <span class="caret"></span>
	    
	</button>
	<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)" style="font-family:Arial;" class="ng-binding">Assets</a>
	    </li><li ng-repeat="accountChoice in ctrl.accountOptions" class="ng-scope">
		<a ng-click="ctrl.selectOption(accountChoice)" style="font-family:Arial;" class="ng-binding">Equity</a>
	    </li><li ng-repeat="accountChoice in ctrl.accountOptions" class="ng-scope">
		<a ng-click="ctrl.selectOption(accountChoice)" style="font-family:Arial;" class="ng-binding">Liabilities</a>
	    </li>
	</ul>
    </div>
</div>
</td>
</tr>

и эта оригинальная разметка проекта:

<td>
<div id="drpOrg" style="height:18px;z-index:9999;">
    <div class="btn-group" uib-dropdown style="left:2px;top:2px;">
	<button id="single-button" type="button" class="btn btn-xs btn-link" uib-dropdown-toggle>
	    Organization : <b>{{ctrl.selectedRoot.DESCRIPTION}}</b> <span class="caret"></span>
	</button>
	<ul class="dropdown-menu org-dropdown" uib-dropdown-menu aria-labelledby="simple-dropdown">
	    <li ng-repeat="rootChoice in ctrl.rootOptions">
		<a ng-click="ctrl.moreFuncs(rootChoice)">{{rootChoice.DESCRIPTION}}</a>
	    </li>
	</ul>
    </div>
</div>
</td>

У меня есть этот код javascript, использующий среду тестирования Protractor e2e:

 this.selectBalSheetDropdown = function (searchObj, drpIndex) {

        var elem = element(by.id('drpAccount'));
        var elementSwitcher = elem.element(by.css("div[uib-dropdown]"));        
        elementSwitcher.element(by.css("button[uib-dropdown-toggle]")).click();  // OPENS DROPDOWN FINE !
        
        // ***** HOW TO GET DROPDOWN VALUE FOR "Assets" option, as an example ??
        //elementSwitcher.element(by.css("a[value=Assets]")).click();
    };

Любые советы по выбору конкретного раскрывающегося списка приветствуются.

С уважением, Боб


e2e-testing protractor
person bob.mazzo    schedule 18.10.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я только что нашел это решение, используя by.linkText(), но я открыт для других способов:

 this.selectBalSheetDropdown = function (searchObj, drpIndex) {

  var elem = element(by.id('drpAccount'));
  var elementSwitcher = elem.element(by.css("div[uib-dropdown]"));        
  elementSwitcher.element(by.css("button[uib-dropdown-toggle]")).click();

  // *** using by.linkText() works as well ***
  elementSwitcher.element(by.linkText('Liabilities and Equity')).click();

};
person bob.mazzo    schedule 18.10.2016
comment
Я бы сказал, что это один из лучших подходов — довольно простой и читабельный! - person alecxe; 19.10.2016