AngularJS + kątomierz Jak wybrać opcję rozwijaną na podstawie jej tekstu nie wartości

Question

Chcę kliknąć element po jego tekście, a nie według jego wartości z listy rozwijanej.

znalazłem ten wielki post: https://coderwall.com/p/tjx5zg ale to nie działa zgodnie z oczekiwaniami, szukaj dalej zawsze po meczu został znaleziony i nie jest kliknięcie na element,

jeśli ktoś ma lepszy przykład (a pracuje jeden) lub możesz naprawić ten kod i sprawić, że zadziała,

będę apperciate.

Jest to kod Dan Haller od słupka używany (Wszelkie prawa zastrzeżone dla niego)

function selectOption(selector, item){ 
    var selectList, desiredOption; 

    selectList = this.findElement(selector); 
    selectList.click(); 

    selectList.findElements(protractor.By.tagName('option')) 
     .then(function findMatchingOption(options){ 
      options.some(function(option){ 
       option.getText().then(function doesOptionMatch(text){ 
        if (item === text){ 
         desiredOption = option; 
         return true; 
        } 
       }); 
      }); 
     }) 
     .then(function clickOption(){ 
      if (desiredOption){ 
       desiredOption.click(); 
      } 
     }); 
    } 

Jest to select function element, który można używać tak:

var browser = protractor.getInstance(); 
browser.selectOption = selectOption.bind(browser); 
browser.selectOption(protractor.By.id('my-dropdown'), 'My Value'); 

Answer 1

Ta funkcja wybiera trzecią opcję w polu wyboru.

function selectDropdownByNumber(element, index, milliseconds) { 
    element.findElements(by.tagName('option')) 
     .then(function(options) { 
     options[index].click(); 
     }); 
    if (typeof milliseconds !== 'undefined') { 
     browser.sleep(milliseconds); 
    } 
} 
var mySelect = $('#my-dropdown'); 
selectDropdownByNumber(mySelect, 2); 

Więcej informacji można znaleźć tutaj - http://qainsight.blogspot.fr/2014/04/select-dropdown-value-in-protractor-js.html

Answer 2

To pytanie jest podobne do: How to select option in drop down protractorjs e2e tests

Dopóki jesteś na najnowszej wersji kątomierz, można po prostu zrobić:

element(by.cssContainingText('option', 'BeaverBox Testing')).click(); 

Jeśli chcesz kliknąć numer, możesz zrobić:

var selectDropdownbyNum = function (element, optionNum) { 
    if (optionNum){ 
    var options = element.findElements(by.tagName('option')) 
     .then(function(options){ 
     options[optionNum].click(); 
     }); 
    } 
}; 

Answer 3

Jak chcesz wybrać opcję według wartości, można użyć:

var select = element.one(by.model('selectData')); 
select.$('[label="Option 1"]').click();