How do I get Python and Selenium to click an angularjs link by matching the link to user input text?

Question

The link I would like to click is input by the user. For example the user inputs for variable track, "Tampa Bay Downs"

My python selenium test program will search the code below:

<a ng-click="updateFavorite()(raceInfo.trackAbbr); $event.stopPropagation();">EV
  i class="my-icon-favorite-fill my-icon-favorite-fill_active" ng-class="{
  'my-icon-favorite-fill' : !showActionFeedback, ...onFeedback, 'rotating spinner' :
  showActionFeedback}" update-favorite-action-feedback="" qa-label="race-favorite-icon">
    ::before
   </i>
</a>
<span class="ng-binding" ng-bind="::raceInfo.trackName" qa-label="race-track-name">
Tampa Bay Downs</span>
</td>

The successful code will find the input words "Tampa Bay Downs" and then click it to activate an angularjs action that would cause a separate page to open, which is the desired action.

I have tried to find the link using the correct xpath with no success.
I have also tried this with no success:

try:
    element = driver.find_element_by_css_selector("a[qa-label="+track+"]")
except:
    print "error finding css selector for track"

You can try by xpath with "//span[contains(.,'{}')]/preceding-sibling::a".format(track) or use the class name to be more specific "//span[@qa-label='race-track-name' and contains(.,'{}')]/preceding-sibling::a".format(track) — Padraic Cunningham
– Padraic Cunningham, Commented Mar 20, 2016 at 20:26
Also don't use blanket except statements, catch what you expect. — Padraic Cunningham
– Padraic Cunningham, Commented Mar 20, 2016 at 20:32
Thanks for the prompt reply (and suggestion) Padraic, I'm giving that a try now. — klitz1967
– klitz1967, Commented Mar 20, 2016 at 20:57
It worked. If you send your answer as an answer, I will check it. Many thanks! — klitz1967
– klitz1967, Commented Mar 20, 2016 at 21:26

Padraic Cunningham · Accepted Answer · 2016-03-20 21:34:05Z

1

You can select using an xpath using preceding-sibling to find the a before the span tag that contains the track name i.e Tampa Bay Downs:

"//span[contains(.,'{}')]/preceding-sibling::a".format(track)

Or more specifically using the span class name:

 "//span[@qa-label='race-track-name' and contains(.,'{}')]/preceding-sibling::a".format(track)

answered Mar 20, 2016 at 21:34

Padraic Cunningham

181k30 gold badges264 silver badges327 bronze badges

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

Collectives™ on Stack Overflow

How do I get Python and Selenium to click an angularjs link by matching the link to user input text?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related