Sélection par texte avec Protractor

Question

Je suis surtout familier avec le java sélénium, et je suis nouveau à la fois JS et Protractor. Disons que je suis en train de cliquer sur une option dans une liste d'options avec un identifiant commun ..

var options = $('.options'); 

Comment pourrais-je obtenir tous les éléments avec cet identifiant commun, puis sélectionnez l'une par son texte? Je ne peux pas faire driver.findElements comme je pouvais en Java car il n'y a pas de référence au pilote ..

C'est ce que je l'ai essayé jusqu'à présent, mais sa ne fonctionne pas et je pense que son manque d'expérience en raison de mon JS

this.selectCompanyCode = function(companyCode) { 
    dropDownMenus[0].click(); 
    var companyCodeOptions = $('[ng-bind-html="companyCode"]'); 
    companyCodeOptions.filter(function (elem) { 
     return elem.getText().then(function text() { 
      return text === companyCode; 
     }); 
    }).first().click(); 
}; 

Answer 1

Sélectionner tous les éléments avec l'identificateur commun: $$('.options'); Permet de sélectionner tous les éléments avec une classe de .options - équivalent de element.all(by.css('.options')). Cela renvoie un ElementArrayFinder. Voir aussi .get() pour savoir comment choisir un élément par index dans ElementArrayFinder.

Trouver par le texte, vous pouvez utiliser cssContainingText(css, text). Par exemple, var loginBtn = element(by.cssContainingText('button.ng-scope', 'Login'));

Mais si pour une raison quelconque les ne fournissent pas les résultats escomptés, vous pouvez utiliser .filter() (docs here) sur un ElementArrayFinder passer par le réseau d'éléments et de trouver un élément basé sur une condition que vous spécifiez. Par exemple,

var allOptions = $$('.options'); 
allOptions.filter(function (elem) { 
    return elem.getText().then(function (text) { 
     return text === 'What you want'; 
    }); 
}).first().click(); 

Et, bien que je ne l'ai jamais utilisé Sélénium régulier Java (donc je ne sais pas si cela est la même chose), mais il est en effet une référence browser (et donc findElements fonction): http://www.protractortest.org/#/api?view=ProtractorBrowser .

J'espère que ça aide!

Edit:

Comment utiliser votre code

this.selectCompanyCode = function(companyCode) { 
    // where is dropDownMenus defined? This has function no reference to it. 
    dropDownMenus.get(0).click(); // should be this 
    var companyCodeOptions = $$('[ng-bind-html="' + companyCode + '"]'); 
    return companyCodeOptions.filter(function (elem) { 
     return elem.getText().then(function text() { 
      return text === companyCode; 
     }); 
    }).first().click(); 
}; 

deuxième édition: En supposant le code de l'entreprise est unique, vous n'avez probablement pas besoin d'utiliser le filtre. Essayez ceci:

this.selectCompanyCode = function(companyCode) { 
    dropDownMenus.get(0).click(); 
    var companyCodeOptions = $('[ng-bind-html="' + companyCode + '"]'); 
    return companyCodeOptions.click(); 
}; 

Answer 2

Utilisez cssContainingText

element(by.cssContainingText(".option", "text")).click(); 

http://www.protractortest.org/#/api?view=ProtractorBy.prototype.cssContainingText