角度2のテストnativeElement

Question

私は角度のあるウェブサイトのテストチュートリアルを行っています。 debugElementでテスト可能なすべての項目のリストがある場合、私は興味があります。たとえば、

let nav = fixture.debugElement.query(By.css('h1')).nativeElement; 

    expect(nav.innerText).toBe(fixture.componentInstance.homeHeader); 

私がテストしているinnerTextの値のような要素は他にあります。 ありがとうございました。

Answer 1

リストが長すぎます。これらはネイティブなJS DOM要素です。これは、完全なプロパティリストを取得するためにどのタイプ要素が必要かによって異なります。 MDNサイトをナビゲートする方法を学ぶ必要があります。ここにHTMLHeadingElementへのリンクがあります（これはh1です）。あなたはサイドバーを見れば、あなたは

• プロパティを（HTMLHeadingElementから欠落し、以下を参照）が表示されます。これは、この要素のすべての直接プロパティのリストです（継承されたプロパティの親を参照）。

• 継承これは、あなたがそれらのリンクのいずれかをクリックすることができ、あなたが継承されたプロパティが表示されますHTMLHeadingElement

  EventTarget 
       | 
       Node 
       | 
      Element 
       | 
      HTMLElement 
       | 
  HTMLHeadingElement 
  

  の階層の継承です。たとえば、Nodeをクリックすると、HTMLHeadingElementがinnerTextのプロパティを取得する場所が表示されます。 HTMLHeadingElementに戻った場合は、直接的なプロパティがないことがわかります。それは、すべてのプロパティがその親

• 方法

  から継承されていることを意味

• イベントを（HTMLHeadingElementために不足している、継承されたメソッドの親を参照してください）。これらはすべて要素のためにトリガーできるイベントです。

• 関連するページHTML DOM関連するページこれはすべてのページに共通のリストです。さまざまな種類のDOM要素の一覧が表示されます。それらをクリックすることができます。ただし、ほとんどの場合、DOM要素のいずれかから使用するプロパティのほとんどは、親から継承されたプロパティになります。だから、おそらく親のプロパティリストを見たいと思うでしょう。いくつかは独自の特性を持っていますが。