角度4のネストされたコンポーネントをテストするために分度器を使用するにはどうすればよいですか？

マイアンギュラ4アプリのこのような角度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'))が機能しません。

出典

2017-10-25 simmone

ボタンにID、クラス、名前の属性はありませんか？ –

ありがとう、カラマリコ、私の貧しい英語を修正し、スタイルを書いてください。 – simmone

@Suresh解決策を見つけました。チェーン要素ロケータを使用して、角度4のネストされたコンポーネントを配置します。 – simmone

この質問をしばらくして、私は解決策を見つけました！

チェーンロケータを使用して、ネストされたコンポーネントの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);

出典

2017-10-25 09:48:38 simmone

角度4のネストされたコンポーネントをテストするために分度器を使用するにはどうすればよいですか？

答えて

関連する問題