Angular - Testing
You want to test a component that uses a service injected via constructor. Which TestBed configuration is correct to provide the service mock?
You want to test a component that uses a service injected via constructor. Which TestBed configuration is correct to provide the service mock?
hard📝 Application Q15 of 15
Step-by-Step Solution
Solution:
Step 1: Understand service injection in TestBed
Services are provided viaprovidersarray. To mock a service, useprovidewithuseValue.Step 2: Analyze options
TestBed.configureTestingModule({ declarations: [MyComponent], providers: [{ provide: MyService, useValue: mockService }] }) correctly provides a mock service. TestBed.configureTestingModule({ declarations: [MyComponent], imports: [MyService] }) wrongly puts service in imports. TestBed.configureTestingModule({ declarations: [MyComponent], declarations: [MyService] }) wrongly declares service as component. TestBed.configureTestingModule({ providers: [MyComponent, MyService] }) wrongly provides component as service.Final Answer:
TestBed.configureTestingModule({ declarations: [MyComponent], providers: [{ provide: MyService, useValue: mockService }] }) -> Option AQuick Check:
Mock services go in providers with provide/useValue [OK]
Quick Trick: Use providers with provide and useValue for service mocks [OK]
Common Mistakes:
- Putting services in imports or declarations
- Providing components instead of services
- Not mocking services causing real calls
Master "Testing" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes