Comment trouver un élément à l'intérieur d'une ng-repeat au rapporteur

J'ai le code html suivant:

<li ng-repeat="item in items">
    Some Test
    <span class="bubble-grey">
        {{ item }}
    </span>
</li>

Comment trouver l' ".bulle-gris" span à l'intérieur de la première ng-repeat élément rapporteur?

J'ai essayé:

element.all(by.repeater('item in items')).get(0).findElement(by.css(".bubble-grey")).getText()

Mais j'obtiens un "TypeError: Object [object object] n'a pas de méthode 'findElement'"

OriginalL'auteur bernhardh | 2014-06-24

  1. 11

    Vous n'avez pas besoin de "trouver" l'élément nouveau.
    Essayez d'utiliser l'explorateur d'éléments

    Ouvrir l'élément explorer et accédez à la page souhaitée:

    cd \node_modules\protractor\bin
node ./elementexplorer.js <your url>

    Alors essayez cette commande:

    element.all(by.repeater('item in items')).get(0).getText()

    Je ne pense pas qu'il va montrer à tout le texte, car il n'y a pas de texte dans le code html.

    Si vous voulez obtenir le "Certains Test de texte", essayez:

    element(by.repeater('item in items')).getText()

    OriginalL'auteur flaviomeira10

  2. 3

    À la recherche à la API, au lieu de:

    .findElement(by.css(".bubble-grey"));

    vous voulez:

    .element(by.css(".bubble-grey"));

    OriginalL'auteur Clark Pan

  3. 1

    Donner votre s'étend sur un attribut id, à l'aide de l'indice de la répétition, alors vous pouvez sauter directement à eux.

    <span class="bubble-grey" id="item_{{$index}}">
    {{ item }}
</span>
    Oui ce serait une possibilité, mais il est intelligent, ajouter quelque chose à l' (production) du code, qui est nécessaire pour tester?
    On pourrait dire qu'il améliore votre code à partir d'une accessibilité côté des choses (par exemple, les lecteurs d'écran, etc). Malheureusement, je ne sais pas le Rapporteur côté assez bien pour le fixer dans le test, je sais juste que le côté Angulaire de choses.

    OriginalL'auteur M21B8