goniometro non è possibile individuare elementi con i CSS sul ng clic elemento

Question

html:

<button class="helperButton ng-scope" ng-if="!isDisabled && displayHelper('none')" ng-click="select('none', $event);" type="button"> × Select None</button> 

cercando di individuare con:

element(by.css('button[ng-click="select(\'none\', $event);"]')); 

get errore:

Failed: No element found using locator: By.cssSelector("button[ng-click=\"select('none', $event);\"]")

questo link fornisce una soluzione AngularJS Protractor - Finding an Element on a Page Using Ng-Click Binding ma non ha dettagli sulla funzione a cui fa riferimento. Qualsiasi aiuto sarebbe apprezzato.

Answer 1

Avere il vostro localizzatore basato su ng-click non è abbastanza affidabile e leggibile.

Invece vorrei contare sul pulsante di testo:

by.xpath('//button[contains(., "Select None")]') 

o, al classe:

by.css('button.helperButton') 

O, se avere un controllo sui modelli di applicazione HTML - aggiungi un attributo e uso id:

by.id('mybuttonid') 

---

Se si desidera continuare a utilizzare ng-click - provare a utilizzare la sintassi selettore starts-with CSS per controllare ng-click attributo:

by.css('button[ng-click^=select]')