Как получить значение опции для элемента select

Question

Я пытаюсь получить значение параметра select с помощью Protractor. Однако я не могу найти элемент option.

HTML

<select ng-options="opions.c as options.n for option in options" ng-model="model"> 
    <option value="0">Option 1</option> 
    <option value="1">Option 2</option> 
</select> 

Spec-файл

describe('testing select option', function() { 
    it('', function() { 
     ptor = protractor.getInstance(); 

     //This will not get the option required 
     ptor.findElement(protractor.By.binding('model')); 
    }); 
}); 

Я не могу показаться, чтобы найти способ, чтобы захватить значение параметра, как я не нашел функцию, которую я могу использовать что не дает и исключение или сообщение об ошибке.

Кто-нибудь знает, как решить эту проблему?

Answer 1

ok еще раз Теперь я смог выяснить, как захватить элемент опции с помощью транспортира.

приведенный ниже примерный код показывает, как это осуществить.

ptor.findElement(protractor.By.css('select option:nth-child(value of the option you require IE: the number)')).click(); 

Answer 2

У меня были некоторые проблемы с получением выпадающих работает хорошо, и провел некоторое время сегодня работаю его (и поэтому я делю его здесь, в случае, если кто-то считает его полезным).

В более ранних версиях Protractor был by.selectedOption, который фактически выполняет то же самое, что и by.select, но возвращает только выбранный элемент. Таким образом, чтобы получить текст выбранной опции выше, вы могли бы:

expect(element(by.selectedOption('model')).getText()).toEqual('Option 1'); 

Я написал сообщение в блоге, если вы хотите более подробно, она также включает вспомогательную функцию для выбора опции в выпадающем списке: http://technpol.wordpress.com/2013/12/01/protractor-and-dropdowns-validation/

Последние версии транспортира удалили эту функцию, заменив его:

expect(element(by.id('my_id')).element(by.css('option:checked')).getText(); 

который является более гибким, поскольку он может быть применен к любому из искатели, в то время как selectedOption работал только с моделью искателем.

Answer 3

Попробуйте использовать XPATH:

ptor.findElement(protractor.By.xpath('//select/option[1]'));

Вы можете использовать ту же технику, чтобы выбрать опцию по значению:

protractor.By.xpath('//select/option[text()="Option 2"]'));

Я должен был сделать это для создания форм где входы видны на основе выбранных выпадающих меню, например:

makeFord = protractor.By.xpath('//select[@id="make"]/option[text()="Ford"]')); 
modelMustang = protractor.By.xpath('//select[@id="model"]/option[text()="Mustang"]')); 
makeFord.click(); 
modelMustang.click(); 

Answer 4

Чтобы перечислить теги параметров, вы можете попробовать использовать метод .all, и сначала вам необходимо получить к нему доступ родительским.

element(by.model('model')).all(by.tagName('option')).then(function(arr) { 
     expect(arr.length).toEqual(2); 
}); 

Посмотрите ссылки API для вдохновения

http://www.protractortest.org/#/api?view=ElementArrayFinder.prototype.all

Edit: также следовать стиль руководства, который отпугивает использование XPath http://www.protractortest.org/#/style-guide

Answer 5

Вот как вы можете получить значение опции в a select:

HTML

<select ng-options="opions.c as options.n for option in options" ng-model="model"> 
    <option value="Africa">Option 1</option> 
    <option value="Switzerland">Option 2</option> 
</select> 

.spec файл

describe("Country <select>", function() { 

    it("should have 'Africa' as the value of the first option", function() { 

    browser.get('index.html'); 

    let all_options = element.all(
     by.options("opions.c as options.n for option in options") //use whatever string is assigned to the ng-options attribute in the html 
    ); 

    let first_option = all_options.get(0); //or all_options.first() 
    let second_option = all_options.get(1); //or all_options.last() 

    expect(
     first_option.getAttribute('value') 
    ).toEqual("Africa");       

    }); 

}); 

Чтобы получить значение из выбранного варианта (который может быть вариант программно выбран с транспортиром по телефону нажмите() по опционам):

expect(
     element( 
     by.model('model') //'model' is the string assigned to the select's ng-model attribute         
    ).element(     
      by.css('option:checked') 
     ).getAttribute('value') 
    ).toEqual('Swizerland');