admin管理员组

文章数量:1335426

I have two embedded <span> elements inside an <a> element. I need to trigger a click event on the second <span>. The by.id method on the id classes I created didn't trigger a click. I also tried by.binding and that didn't work. help please?

The code:

<div class="add-player">
  <a href class="btn" data-ng-if="!currentUser.isAuthenticated && !vm.hasPendingInvitation">
    <span>Add Player</span>
  </a>
  <a href class="btn" id="invite" data-ng-if="currentUser.isAuthenticated && !vm.hasPendingInvitation">
    <span id="invite-player">Add Player</span>
  </a>
</div>

I have two embedded <span> elements inside an <a> element. I need to trigger a click event on the second <span>. The by.id method on the id classes I created didn't trigger a click. I also tried by.binding and that didn't work. help please?

The code:

<div class="add-player">
  <a href class="btn" data-ng-if="!currentUser.isAuthenticated && !vm.hasPendingInvitation">
    <span>Add Player</span>
  </a>
  <a href class="btn" id="invite" data-ng-if="currentUser.isAuthenticated && !vm.hasPendingInvitation">
    <span id="invite-player">Add Player</span>
  </a>
</div>
  • javascript
  • angularjs
  • selenium-webdriver
  • protractor
Share Improve this question edited Jan 2, 2016 at 2:28 alecxe 474k127 gold badges1.1k silver badges1.2k bronze badges asked Jan 2, 2016 at 2:23 user5736940user5736940
Add a ment  | 

1 Answer 1

Reset to default 8

We can play around with locators:

$("div.add-player a span").click();
$("#invite-player").click();
element(by.xpath("//span[. = 'Add Player']")).click();

We can also wait for the element to be visible:

var addPlayer = $("div.add-player a span"),
    EC = protractor.ExpectedConditions;

browser.wait(EC.visibilityOf(addPlayer), 5000);
addPlayer.click();

We can also try clicking via JavaScript:

browser.executeScript("arguments[0].click();", addPlayer.getWebElement());

Or via browser.actions():

browser.actions().mouseMove(addPlayer).click().perform();

Or, scroll into view before clicking:

browser.executeScript("arguments[0].scrollIntoView();", addPlayer.getWebElement());
addPlayer.click();

You can also filter the visible element matching a locator:

var addPlayer = $$("#invite-player").filter(function (elm) {
    return elm.isDisplayed();
}).first();
addPlayer.click();

本文标签： javascriptProtractor can39t click on embedded ltspangt inside ltagt elementStack Overflow

版权声明：本文标题：javascript - Protractor can&#39;t click on embedded &lt;span&gt; inside &lt;a&gt; element - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742365951a2461245.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。