जैस्मीन

Question

में वर्ग के नाम के माध्यम से कोणीय 2 तत्व प्राप्त करने के लिए मैं कैसे

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

लेकिन क्या मैं ऐसा करना चाहिए का उपयोग कर जब मैं वर्ग के नाम के माध्यम से तत्व प्राप्त करना चाहते हैं के साथ तत्व मिल सकती है। कुछ

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

Answer 1

आप एक सीएसएस चयनकर्ता को पास करने के लिए By.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 

ये केवल कुछ उदाहरण हैं। यदि आप सीएसएस जानते हैं, तो आपको पता होना चाहिए कि चयनकर्ताओं का उपयोग कैसे करें।

Answer 2

मैं अपने DOM तत्व की प्रयोक्ता आईडी पसंद करेंगे और उसके बाद angular2 इकाई परीक्षण में आप नीचे की तरह कुछ फोन अपने वांछित 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."). 

इस सहायता की आशा करें।