[英]How to use protractor to test Angular 4 nested components?
我的Angular 4應用程序:
index.html像這樣:
<body>
<app-main></app-main>
</body>
main.component.html像這樣:
<header>
<app-menu></app-menu>
</header>
...
我的問題是:如何測試定位嵌套組件?
app.e2e-spec.ts
browser.get('http://localhost:4200/index.html');
expect(browser.getTitle()).toEqual('My Title');
如何在應用程序菜單中找到按鈕?
element(by.css('app-main app-menu logo'))
不起作用。
在問了這個問題不久后,我找到了解決方案!
使用鏈定位器可以找到嵌套組件的Web元素。
const menu =
element(by.tagName('app-main')).element(by.tagName('app-menu'));
const logo = menu.element(by.css('logo'));
expect(logo.isDisplayed()).toBe(true);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.