So finden Sie ein element in einem ng-repeat in Winkelmesser

Ich habe Folgendes html:

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

Wie findet ".bubble-Grau" Spannweite innerhalb der ersten ng-repeat element Winkelmesser?

Habe ich versucht:

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

Aber ich erhalte die Meldung "TypeError: Object [object object] has no method 'findElement'"

InformationsquelleAutor bernhardh | 2014-06-24

  1. 11

    Brauchen Sie nicht zu "finden" das ist das element wieder.
    Versuchen Sie, mit der element-explorer

    Öffnen Sie das element-explorer und navigieren Sie zu der gewünschten Seite:

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

    Dann versuchen Sie es mit diesem Befehl:

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

    Ich glaube nicht, es wird sich zeigen, jeder text, denn es gibt keinen text in den html-Code.

    Wenn Sie wollen, um die "Paar-Test", text, probieren Sie es aus:

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

    InformationsquelleAutor flaviomeira10

  2. 3

    Blick auf die API statt:

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

    du willst:

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

    InformationsquelleAutor Clark Pan

  3. 1

    Geben, Ihr spannt ein id-Attribut, mit dem $ - index vom wiederholen, dann springen Sie direkt zu Ihnen.

    <span class="bubble-grey" id="item_{{$index}}">
    {{ item }}
</span>
    Ja das wäre eine Möglichkeit, aber ist es klug, um etwas hinzuzufügen, um (Produktions -) code, der ist nur notwendig für die Prüfung?
    Man könnte argumentieren, dass es verbessert dein code von einem accessibility-Seite der Dinge (z.B. Screenreader, etc). Ich weiß leider nicht, den Winkelmesser Seite gut genug, um es zu beheben in dem test, ich weiß nur, dass die Eckige Seite der Dinge.

    InformationsquelleAutor M21B8

Schreibe einen Kommentar