How to click on multiple elements having same class name in protractor angular?

Question

First element html code:

<div class="block ng-scope" ng-repeat="skills in data.primary_skills">
                    <div class="block skillsLineItem" ng-class="{manditorySkillsLineItem:skills.mandatory, skillsLineItem:!skills.mandatory}"> 

 <label title="Testing" class="skill-name col-xs-5 text-overflow-ellipsis ng-binding" ng-click="toggleMandatory(skills)">
                              <!-- ngIf: skills.mandatory -->
                              <!-- ngIf: skills.userdefined -->
                              &nbsp;Testing
                            </label>

Second element Html code

<label title="Test Scripts" class="skill-name col-xs-5 text-overflow-ellipsis ng-binding" ng-click="toggleMandatory(skills)">
                          <!-- ngIf: skills.mandatory -->
                          <!-- ngIf: skills.userdefined -->
                          &nbsp;Test Scripts
                        </label>

In our application multiple elements having same class name and ng-click values so how can i click on multiple elements using same class or ng-click values. I have to click on both elements so please help me.

alecxe · Accepted Answer · 2015-07-28 15:06:23Z

3

You can find all of them and use each():

element.all(by.css("label[ng-click*=toggleMandatory]")).each(function (label) {
    label.click();
});

You can use filter() to filter out only necessary elements:

element.all(by.css("label[ng-click*=toggleMandatory]")).filter(function (label, index) {
    return index <= 5;
}).each(function (label) {
    label.click();
});

edited Jul 28, 2015 at 15:06

answered Jul 28, 2015 at 14:49

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

nrs Over a year ago

I can't use title because skill name will be generate based on the job description.

alecxe Over a year ago

@raghavendrat okay, how about now?

nrs Over a year ago

Using class or ng-click i have to do so please help me "alecxe".

nrs Over a year ago

Yeah its working nicely but it is selecting all the elements, i want to click on only 6 elements ..please help me

Collectives™ on Stack Overflow

How to click on multiple elements having same class name in protractor angular?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related