アプリケーションコンポーネントの角2 nativeElement属性テスト

Question

私は、従来のコードとの互換性の理由から、アプリケーションコンポーネントで使用される属性を使用して情報を取得する必要がある、私が取り組んでいるAngular 2アプリケーションがあります。例えば、角度の2アプリを起動するHTMLは次のようになります。

<myApp id="xyz" areaDone="true" value="" requestID="abc"> Loading ... </myApp> 

をしかし、私はこれらの属性の存在や価値に基づいて発生することになっている行動の周りにいくつかのユニットテストを書くしようとすると、 、それらはヌル/未定義です。

値を取得するために、私たちは、このようなコンストラクタでそれらを引いている：

 let native = this.elementRef.nativeElement; 
     this.requestID= native.getAttribute("requestID"); 

ので、期待される属性を持つべきであるネイティブの要素を強制するテストベッド/プロバイダによる方法はありますか？

Answer 1

this.elementRef.nativeElement.attributeを呼び出すと、属性のNamedNodeMap（http://www.w3schools.com/jsref/prop_node_attributes.asp）が返されます。

const nodeAttributes = compiled.querySelector('#temp-draggable-link-line').attributes as NamedNodeMap; 
expect(nodeAttributes.getNamedItem('x1').value).toEqual(200);