Locating ng-click in protractor

Question

I cannot figure out how to locate ng-click in the page object file for the code below:

<a ng-click="toggleGuestParams('personal')" class="ng-click-active">Select/Unselect All</a>

There are three instances of the code but the each word in parenthesis changes. I have the following now but it doesn't seem to be working- no errors but the button is not being clicked

$$('[ng-click="toggleGuestParams(Personal)"]');

Answer 1

You are missing single quotes in your selector, and personal have to be in a lower-case:

$('[ng-click="toggleGuestParams(\'personal\')"]').click();

Note the $ to match a single element and .click() method to click the link.

---

no errors

The reason you had no errors is that, Protractor would not attempt to search the element(s) until there is an action or method called on it/them. In other words, $$('[ng-click="toggleGuestParams(Personal)"]'); would in essence do nothing by itself.

---

I, though, think that by.cssContainingText together with a partial ng-click match would be a better option here:

var selectUnselectLink = element(by.cssContainingText('a[ng-click*=personal]', 'Select/Unselect All'));
selectUnselectLink.click();

*= means "contains" here.