Cliquez sur l'option d'un sélecteur utilisant un rapporteur sur Google ChromeDriver;

Question

J'ai essayé de cliquer sur l'option d'un select, puis sur le bouton Enregistrer. Je peux voir au navigateur que cela fonctionne vraiment mais quand cliquez sur le bouton enregistrer, le google chrome ne comprend pas et dit que je n'ai pas cliqué sur ce champ obligatoire. Comment réparer?

<select class="form-control ng-pristine ng-invalid ng-touched" id="ano-norma" required=""> 
<option disabled="" selected= "" value= "undefined" > Selecione um ano< /option> 
<option value="2017" > 2017 < /option><option value="2016">2016</option > 
<option value="2015" > 2015 < /option> 
<option value="2014">2014</option > 
<option value="2013" > 2013 < /option> 
<option value="2012">2012</option > 
<option value="2011" > 2011 < /option> 
<option value="2010">2010</option > 
<option value="2009" > 2009 < /option> 
<option value="2008">2008</option > 
</select> 

J'ai essayé:

element(by.id('ano-norma')).all(by.cssContainingText('option', '2017')).click(); 

et

element(by.id('ano-norma)).click().then(() => { 
element(by.id('ano-norma)).all(by.tagName('option)).get(2).click(); 
}); 

J'utilise Google Chrome comme navigateur.

Il semble que google chrome ne comprend pas que la liste déroulante a déjà été sélectionnée.

"Campo obrigatório" signifie "champ obligatoire"

Answer 1

Même été une liste déroulante, j'ai utilisé click() et sendkeys() et son fonctionne parfaitement. .

element(by.id('ano-norma')).click().then(() => { 
       element(by.id('ano-norma')).sendKeys('2015'); 
       }); 

browser.actions() SendKeys (protractor.Key.ENTER) .Effectuer();

Answer 2

votre code est erroné, pas d'élément(). Tous(). Cliquez sur(). il devrait ressembler à ceci:

element(by.id('ano-norma')).element(by.cssContainingText('option', '2017')).click(); 

ou

element(by.cssContainingText('#ano-norma > option', '2017')).click(); 

Answer 3

Vous avez un problème de synchronisation. Lorsque vous utilisez then(), il ouvre une nouvelle tâche asynchrone et laisse le protacteur en parallèle continuer avec les lignes suivantes après le then(). Par conséquent, vous cliquez pratiquement sur le bouton de sauvegarde presque en même temps, lorsque vous ouvrez la liste déroulante. Si votre bouton de sauvegarde est inactif, avant la sélection de la liste déroulante, tout semble avoir fonctionné, rien n'a été sauvegardé.

Solution 1 (recommandé): appelez votre -fonction à l'intérieur du then() -part.

element(by.id('ano-norma')).click().then(() => { 
    element(by.id('ano-norma')).all(by.tagName('option')).get(2).click(); 
    //call your saveButton-function here. 
}); 

Ou mieux, essayer dans un cas de test séparé:

it("should test select dropdown and save", function(done){ 
    element(by.id('ano-norma')).click().then(() => { 
     element(by.id('ano-norma')).all(by.tagName('option')).get(2).click(); 
     browser.waitForAngular(); //in case the dropdown-selection triggers processes 
     $(buttonElement).click();//call your saveButton-function here. 
     done(); 
}); 
}); 

Solution 2: Utilisez un rappel pour laisser Protractor savoir, quand continuer (ne pas tester celui-ci, si cela pourrait ne pas fonctionner comme je l'écris ici)

testCaseDropdownSelection = function(done) { 
    element(by.id('ano-norma')).click().then(() => { 
     element(by.id('ano-norma')).all(by.tagName('option')).get(2).click(); 
     done(); 
    }); 
}; 
testCaseClickSaveButton = function(){ 
    $('saveButton').click(); 
}; 

Faites-moi savoir si l'une des solutions a fonctionné pour vous.