Angular - Testing
You want to test a form that disables the submit button until the form is valid. How do you write a test to verify the button is disabled initially and enabled after valid input?
You want to test a form that disables the submit button until the form is valid. How do you write a test to verify the button is disabled initially and enabled after valid input?
hard📝 component behavior Q8 of 15
Step-by-Step Solution
Solution:
Step 1: Verify initial button state
Initially, the form is invalid, so the button should have disabled=true.Step 2: Set valid form values and update view
Set valid values on form controls, call updateValueAndValidity(), then fixture.detectChanges() to update the button state.Step 3: Check button disabled property again
After valid input, the button's disabled property should be false.Final Answer:
Check button disabled property before and after setting valid form values and calling fixture.detectChanges(). -> Option DQuick Check:
Test button disabled state by checking property before/after input [OK]
Quick Trick: Check button disabled before and after valid input with detectChanges [OK]
Common Mistakes:
- Ignoring button disabled property in tests
- Calling updateValueAndValidity on button element
- Only checking form validity without UI state
Master "Testing" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes