2016-10-17 7 views
11

にクラス名による角度2要素を取得するためにどのように私はクラス名によって要素を取得したいときに実行するジャスミン

fixture.debugElement.query(By.css('h1')); 

しかし、私がすべきを使用して要素を取得することができます。このようなもの

fixture.debugElement.query(By.css('class="name"')) 

答えて

19

あなたはBy.cssを使用してCSSセレクタを渡します。だからセレクタをCSSで使うことができるので、By.cssと一緒に使うことができます。そしてクラスのセレクタは単に.classname(ピリオド付き)です。

By.css('.classname')   // get by class name 
By.css('input[type=radio]') // get input by type radio 
By.css('.parent .child')  // get child who has a parent 

これはほんの一例です。あなたがcssを知っているなら、セレクタの使い方を知っておく必要があります。

2

あなたのDOM要素のユーザーIDが好きで、次にangle2ユニットテストで は、希望するDOM要素 の参照を取得し、あなたが好きなものをテストするために以下のように呼び出すことができます。

//typscript syntax 

fixture = TestBed.createComponent(<your component>); 

let result = fixture.nativeElement.querySelector('<id attribute name of html element>'); 

expect(result.id).toEqual("id of your DOM element."). 

このヘルプが必要です。