Click on a specific ng-click in class using selenium protractor for ang js apps

Question

I have this in view source

<div class="row-fluid:>
<div class="span4">
<div class="well tile table-clickable" ng-click="move('mjass')">
<h3> Music Jass </h3>
<div class="row-fluid cellBody">
<div class="span5">
<i class=" some text"
</div>

There are 4 more div classes like the complete section above. One section for rock, one more section for classical so I want to click specific to a particular ng-Click. (only jass or rock or classical) for example I should click only "move('mjass') here

In Protractor in using chrome driver with selenium in .js file

I used, element(by.className('well tile table-cilckable')).click() and it worked successfully But since there are lots of different classes, it always takes the first and clicks it, so instead i need to use both class and ng-click.

Graham · Accepted Answer · 2017-09-25 00:57:23Z

3

You can use a partial match on the ng-click attribute:

$("[ng-click*=mjass]").click();

where $ is a shortcut to element(by.css()).

Or, you can add use an XPath expression and check the section title (a little bit less recommended by the Style Guide):

element(by.xpath("//div[contains(@class, 'table-clickable') and contains(h3, 'Music Jass')]")).click();

edited Sep 25, 2017 at 0:57

Graham

7,86020 gold badges67 silver badges92 bronze badges

answered Jan 4, 2017 at 19:52

alecxe

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

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

2 Comments

user7375268 Over a year ago

Sorry, this was my first post here and did not no how to accept the answer, no i have selected(clicked) the tick mark next to the answer. Hope this is correct. Thanks again!

alecxe Over a year ago

@user7375268 thank you for respecting the rules and glad it worked for you.

Collectives™ on Stack Overflow

Click on a specific ng-click in class using selenium protractor for ang js apps

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related