Which of the following is the correct way to get a DebugElement for a button with CSS class submit-btn in a test fixture?

easy📝 Syntax Q12 of 15

Angular - Testing

Which of the following is the correct way to get a DebugElement for a button with CSS class submit-btn in a test fixture?

Afixture.debugElement.query(By.css('.submit-btn'))

Bfixture.getElementByClassName('submit-btn')

Cfixture.nativeElement.querySelectorAll('.submit-btn')

Dfixture.debugElement.getByClass('submit-btn')

Step-by-Step Solution

Solution:

Step 1: Recall DebugElement query syntax and evaluate options
Use fixture.debugElement.query(By.css('.submit-btn')) after initial detectChanges(). Only C matches; A returns native DOM, B/D invalid methods.
Final Answer:
fixture.debugElement.query(By.css('.submit-btn')) -> Option A
Quick Check:
Use debugElement.query with By.css [OK]

Quick Trick: Use debugElement.query(By.css()) to find elements [OK]

Common Mistakes:

Master "Testing" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes