Comment obtenir la valeur d'option de l'élément select

Question

J'essaie d'obtenir la valeur d'option d'un élément sélectionné en utilisant Protractor. Cependant, je ne suis pas en mesure de trouver l'élément d'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 fichier

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

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

Je ne peux pas sembler trouver un moyen de saisir la valeur de l'option que je ne l'ai pas trouvé une fonction que je peux utiliser cela ne donne pas et exception ou message d'erreur.

Est-ce que quelqu'un sait comment résoudre ce problème?

Answer 1

ok encore J'ai maintenant été capable de comprendre comment saisir l'élément d'option avec rapporteur.

L'exemple de code ci-dessous montre comment accomplir ceci.

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

Answer 2

J'ai eu quelques problèmes pour obtenir des listes déroulantes fonctionnent bien, et ont passé un certain temps aujourd'hui son élaboration (et donc je partage ici au cas où quelqu'un d'autre trouve utile). Sur les versions antérieures de Protractor, il y avait un by.selectedOption, qui fait exactement la même chose que by.select, mais ne renvoie que l'élément sélectionné. Donc, pour obtenir le texte de l'option choisie ci-dessus, vous pourriez avoir:

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

J'ai écrit un billet de blog si vous voulez plus de détails, il couvre également une fonction d'aide pour sélectionner l'option dans le menu déroulant: http://technpol.wordpress.com/2013/12/01/protractor-and-dropdowns-validation/

les versions récentes de protractor ont supprimé cette fonction, le remplacer par:

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

ce qui est plus souple, car il peut être appliqué à l'un des moteurs de recherche, alors que selectedOption ne fonctionnait avec un viseur de modèle.

Answer 3

Essayez d'utiliser XPath:

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

Vous pouvez utiliser la même technique pour choisir une option en valeur:

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

J'ai besoin de le faire pour la mise en place des formulaires où les entrées sont visibles en fonction des listes déroulantes sélectionnées, par exemple:

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

Afin d'énumérer les balises d'option, vous pouvez essayer d'utiliser la méthode .all et vous devriez y accéder d'abord par le parent.

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

Jetez un oeil à la référence API d'inspiration

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

Edit: suivez aussi le guide de style qui décourage l'utilisation de XPath http://www.protractortest.org/#/style-guide

Answer 5

Voici comment vous pouvez obtenir la valeur d'une option dans un 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> 

fichier .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");       

    }); 

}); 

Pour obtenir la valeur d'une option sélectionnée (qui peut être une option programme sélectionnée avec protractor en appelant un clic() en option):

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');