javascript - 我如何找到元素 并单击

Question

谁能帮我用 Protractor 找到并点击它

<div class="col-md-3 col-sm-6 col-xs-8">
    <div class="nav-control pull-right">
            <li>
                <a class="btn theme-button" ng-click="loginSignUp()">Login/Signup</a>
            </li>
        </ul>
    </div>
</div>

我的尝试，但都没有成功。

$('.nav-control pull-right a').click();

var li = element(by.xpath('//ul/li/a'));
expect(li.getText()).toBe('Doge meme');


// by class name
element(by.className('btn theme-button')).click();

// by css
element(by.css('.btn')).click();
element(by.xpath('.//*[.="Login/Signup"]')).click();
element(by.xpath('//*[@id="top"]/div[4]/div/div/div[1]/div/div[1]/div[3]/div/ul/li/a')).click();

更新:

我可以使用以下代码点击标签。

  let el = element(by.cssContainingText('a', 'Login/Signup'));      
  var EC = protractor.ExpectedConditions;      
  browser.driver.wait(function () {
      browser.wait(EC.visibilityOf(el), 10000);
      browser.driver.manage().window().setSize(1280, 1024);
      el.click();
  });

然而，即使它点击了 anchor 标签，但仍然在控制台中提示

Failed: unknown error: Element ... is not clickable at point (1164, 27). Other element would receive the click: ... (Session info: chrome=61.0.3163.100) (Driver info: chromedriver=2.33.506120 (e3e53437346286c0bc2d2dc9aa4915ba81d9023f),platform=Windows NT 10.0.15063 x86_64)

Answer 1

有几种方法可以做到。仅供引用，您在某些类(class)之前缺少 . 。无论哪种方式，其中一些看起来可能过于模糊，即(.btn 可能适用于多个元素，但这是一个假设)

如果您更改此设置，您的前几次尝试可能会奏效:$('.nav-control pull-right a').click(); 到此 $('.nav- control.pull-right > li > a').click();

或者，您可以尝试以下一些应该也有效的方法:

let el = $('[ng-click="loginSignUp()"]');
let el = element(by.cssContainingText('a', 'Login/Signup'));
let el = $('a.btn.btn-theme');