量角器' ElementNotVisibleError'与div里面的链接

时间:2015-08-03 03:37:28

标签: javascript angularjs protractor

我正在使用AngularJS 1.2.2而我正试图使用​​量角器(版本:2.1.0)点击链接,其ID符合以下规范;

  it 'allows adding levels', ->
    element(By.id("add_level")).click()

如果我使用以下测试,我会收到错误

<a id="add_level" ng-click="add_level()"><div class="secondary_btn">Add Level</div></a>

ERROR:

     ElementNotVisibleError: element not visible
  (Session info: chrome=41.0.2272.89)
  (Driver info: chromedriver=2.15.322448 (52179c1b310fec1797c81ea9a20326839860b7d3),platform=Linux 3.16.0-0.bpo.4-amd64 x86_64) (WARNING: The server did not provide any stacktrace information)
Command duration or timeout: 14 milliseconds
Build info: version: '2.45.0', revision: '5017cb8', time: '2015-02-26 23:59:50'
System info: host: 'ltsp', ip: '127.0.1.1', os.name: 'Linux', os.arch: 'amd64', os.version: '3.16.0-0.bpo.4-amd64', java.version: '1.7.0_65'
Session ID: f89f610e73e47854057e98c324a71e38
Driver info: org.openqa.selenium.chrome.ChromeDriver
Capabilities [{platform=LINUX, acceptSslCerts=true, javascriptEnabled=true, browserName=chrome, chrome={userDataDir=/tmp/.com.google.Chrome.sOTsvG}, rotatable=false, locationContextEnabled=true, mobileEmulationEnabled=false, version=41.0.2272.89, takesHeapSnapshot=true, cssSelectorsEnabled=true, databaseEnabled=false, handlesAlerts=true, browserConnectionEnabled=false, webStorageEnabled=true, nativeEvents=true, applicationCacheEnabled=false, takesScreenshot=true}]

但是,如果我不使用内部div,那么它可以正常工作,除非我放松了造型。

<a id="add_level" ng-click="add_level()">Add Level</a>

更新

我找到了一个好的工作,通过将id移动到内部div然后我的测试将起作用。

<a ng-click="add_level()"><div id="add_level" class="secondary_btn">Add Level</div></a>

1 个答案:

答案 0 :(得分:0)

您始终可以按文字找到按钮:

element(by.xpath("//*[. = 'Add level']")).click();

或者,如果它是一个链接:

element(by.linkText("Add level")).click();