Question

My 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'))无效。

Answer 1

在问了这个问题后不久，我找到了解决办法！

使用链定位器找到嵌套组件的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);

如何使用量角器测试Angular 4嵌套组件？

1 个答案: