AngularJS Rapporteur - Trouver un Élément d'une Page à l'Aide de Ng-Cliquez sur la Liaison

J'ai un bouton sur une page qui ressemble à ceci:

<button ng-click="myFunction()" ng-show="flag">
    Submit
</button>

L'élément n'a pas d'ID.

Est-il un moyen de trouver cet élément à l'aide de la fonction liée à Ng-Click? Ou dois-je attribuer un ID à cet élément à localiser à l'aide de Jasmin /Rapporteur?

InformationsquelleAutor Lloyd Banks | 2014-07-17

jasmine protractor

71

Viens de tester et ça marche:
```
element(by.css('[ng-click="myFunction()"]'))
```
- confirmer cela. échapper les guillemets (\") peut être nécessaire.
- À mon humble avis, je pense que Lloyd Banks réponse, c'est mieux. E2E tests sont destinés à tester l'INTERFACE utilisateur. Elles devront s'appuyer sur les choses visibles pour l'utilisateur, à l'instar de l'étiquette sur le bouton "Soumettre", et non pas la logique cachée dans les attributs HTML.
- Je ne serais pas d'accord, le faisant s'appuyer sur le texte dans l'INTERFACE utilisateur sera très fragile... Et de la météo, l'utilisateur voit Présenter, PRÉSENTER ne devrait pas d'importance, et une simple majuscule peut alors briser tous vos tests dans un seul aller... pour ne Pas mentionner la localisation... de l'Ofc. sur le revers de la médaille, nous devons nous assurer ng-click="submit()" n'est pas lié à notre bouton Annuler...
- Je trouve le puis cliquez sur test qu'il a le texte-je m'attendre à être affiché à l'utilisateur. De cette façon, j'ai de moins en moins de fragile de l'INTERFACE utilisateur, le texte en fonction des tests et obtenir le back-end de câblage validé.
- Si la fonction possède des paramètres dans le code, est-ce que mon rapporteur test devez inclure ces ainsi?
- La bonne chose à propos de cette solution est qu'il fonctionne pour les éléments qui ne sont pas définies comme HTML <button>. Dans mon cas, je travaille avec un élément qui est un <span> qui a un btn classe. Lloyd Banks est à droite par.buttonText() dans le cas où vous avez vraiment un <button> élément.
- Salut, je viens d'essayé, mais mon test est passé et que le clic n'est pas fait ! Voici ma question : stackoverflow.com/questions/37225676/...
- qui prend en charge qu'une seule langue? Ne faites jamais confiance sur le texte de l'INTERFACE utilisateur
InformationsquelleAutor Ted Warner
33

Je suis passé par le Rapporteur de l'API et de ne pas trouver quelque chose lié à la découverte d'un élément par le biais de ng-click. Je n'ai trouver

element(by.buttonText("Submit"));

Pas tout à fait la même, mais fait le travail dans mon environnement.
- Bien que cela fonctionne, il est intéressant de noter que cette n'est pas recommandé par le rapporteur guide de style. Je pense que je serais de lui attribuer un ID de sorte qu'il peut être trouvé facilement.
- Il ne fonctionnera pas si votre bouton est un div ou la non-bouton de type bouton.
- Qui a dit n'importe quoi sur un <div> ou de toute autre non <button> élément? J'aime votre enthousiasme pour StackOverflow bien. Garder le dur travail.
- Exactement ce dont j'avais besoin. J'avais une liste de dynamique des boutons générés à partir d'une base et mon cas nécessaire de cliquer sur un bouton par un texte spécifique que le texte en question n'était pas unique. c'est à dire [Admin] bouton vs [Administrateur]. Trouver un bouton en 'Admin' était gênant. merci
InformationsquelleAutor Lloyd Banks

Si vous souhaitez utiliser ng-show, vous pouvez essayer ceci:

element(by.Css("button[ng-show]")); //Get element with tag < button > and has ng-show attribute

ou:

element(by.Css("button[ng-show*=flag]")); //Get element with tag < button > and has ng-show attribute which contains word flag

InformationsquelleAutor Nguyen Vu Hoang

0

Plutôt que d'ajouter un ID, que je n'aime pas faire juste pour donner un test de crochet, je voudrais ajouter type="submit" sur le bouton et vous pouvez rechercher By.css('[type="submit"]')
- Seulement cela a fonctionné pour moi. Merci
InformationsquelleAutor redOctober13

Vous devez vous connecter pour publier un commentaire.