Angular - Testing
How should you set an @Input() property value in an Angular component test before verifying the rendered template?
How should you set an @Input() property value in an Angular component test before verifying the rendered template?
hard📝 Application Q8 of 15
Step-by-Step Solution
Solution:
Step 1: Set input property on component instance
Directly assign the input value on the component instance before change detection.Step 2: Trigger change detection
Call fixture.detectChanges() to update the template with the new input value.Step 3: Verify rendered output
After detectChanges(), the template reflects the input property value.Final Answer:
Assign the input property on the component instance and call fixture.detectChanges() -> Option DQuick Check:
Set input before detectChanges() to update template. [OK]
Quick Trick: Set input on component then call detectChanges() [OK]
Common Mistakes:
- Setting input after detectChanges()
- Trying to set inputs via TestBed declarations
- Changing inputs inside constructor instead of test
Master "Testing" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes