[英]Protractor E2E and Angular
我在弄清楚如何在单页应用程序中定位元素时遇到了麻烦。
我正在测试大多数经过身份验证的页面,因此正在使用ngMockE2E
和$httpBackend
对量角器$httpBackend
比方说,有4页/访问量: 首页 | 关于 | 设置 | 登出
设置页面的结构大致如下:
<div ng-view class="ng-scope">
<div class="row ng-scope" ng-controller="SettingsCtrl as ctrl">
<h1>Settings Main Page</h1>
<div ng-if="show.more">
<a href="#/more/info">More Info</a>
[...]
</div>
</div>
</div>
如果单击更多信息链接,则视图将切换到该页面,唯一的不同之处在于ng-controller
。
<div ng-view class="ng-scope">
<div class="row ng-scope" ng-controller="SettingsCtrl">
<h2>Settings More Info Page</h2>
[...]
</div>
</div>
在量角器中,我无法弄清楚如何访问更多信息页面中的元素-但我可以在主设置页面上找到这些元素。
例如:
var main_title = element(by.tagName('h1')).isPresent();
expect(main_title).toBe(true); // Will return true
var moreInfo_title = element(by.tagName('h2')).isPresent();
expect(moreInfo_title).toBe(true); // Will return false
为什么无法访问视图中的元素?
您可能需要等待存在的的h2
元素 :
// click "More info"
var EC = protractor.ExpectedConditions;
var moreInfo_title = element(by.tagName('h2'));
browser.wait(EC.presenceOf(moreInfo_title), 5000);
expect(moreInfo_title.isPresent()).toBe(true);
您应该尝试单击链接,然后检查是否存在更多信息标题。
var main_title = element(by.tagName('h1')).isPresent();
expect(main_title).toBe(true);
var link = element(by.linkText('More Info'));
link.click().then(function() {
var moreInfo_title = element(by.tagName('h2')).isPresent();
expect(moreInfo_title).toBe(true);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.