Was ist der beste Weg, um ein reduziertes Panel im Winkelmesser zu finden?

Question

Ich bin sehr neu im Bereich der Automatisierungstests und suche nach Hilfe, um das Panel im ausgeblendeten Zustand zu identifizieren, das ich öffnen muss, um Details für Formularfelder in diesem Panel einzugeben.

ich mit unten XPath-Locator versuchen:

browser.findElement(by.className('panel-heading collapsed')).click(); 

Bitte lassen Sie mich wissen, wenn ich es in einem richtigen Weg tue.

Webseite Code:

<div class="panel-heading collapsed" id="menu-toggle2" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo1" ng-click="tooglePanel('collapseTwo1')" role="button" tabindex="0" aria-expanded="false"> 
<h4 class="panel-title"> 
<a class="accordion-toggle panel-heading collapsed" id="menu-toggle2" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo1" aria-expanded="false"> 
    <strong class="ng-binding">COMPANY DETAILS</strong> 
    </a> 
</h4> 
</div> 

Answer 1

Das Problem mit dem Selektor Sie verwenden, ist, dass es mehrere Elemente, die die Klassen panel-heading collapsed verwenden. Du brauchst etwas Einzigartigeres. In diesem Fall würde ich wahrscheinlich das Attribut ng-click() für dieses Element verwenden. So etwas wie die folgenden funktionieren sollte:

browser.findElement(by.css('div[ng-click="tooglePanel('collapseTwo1')"]').click(); 

Eine weitere Option ist Link-Text zu verwenden:

browser.findElement(by.linkText('COMPANY DETAILS').click();