Mocking services in tests in Angular - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of mocking services in Angular tests?

Mocking services helps isolate the component or service being tested by replacing real dependencies with fake ones. This avoids side effects and makes tests faster and more reliable.

beginner

How do you create a simple mock service in Angular tests?

You create a class or object that implements the same methods as the real service but returns fixed or fake data instead of calling real APIs.

intermediate

What Angular testing utility helps replace a service with a mock in TestBed?

The TestBed.configureTestingModule method allows you to provide a mock service using the 'providers' array with { provide: RealService, useClass: MockService } or { provide: RealService, useValue: mockObject }.

beginner

Why is it important to use mocks instead of real services in unit tests?

Mocks prevent tests from depending on external systems, making tests faster, more predictable, and easier to run anywhere without setup.

intermediate

What is a spy in Angular testing and how does it relate to mocking services?

A spy is a special mock that tracks calls to methods and their arguments. It helps verify interactions with the service without running real code.

Which Angular testing method allows you to replace a real service with a mock?

A TestBed.configureTestingModule

B ComponentFixture.detectChanges

C NgModule.forRoot

D HttpClientModule

TestBed.configureTestingModule lets you provide mock services to replace real ones during testing.

What is the main benefit of mocking services in unit tests?

A More complex code

B Real API calls

C Faster and isolated tests

D Slower tests

Mocking services makes tests faster and isolates the tested code from external dependencies.

How can you create a mock service in Angular tests?

A By using Angular CLI commands

B By creating a class with the same methods returning fake data

C By calling the API directly

D By importing the real service

A mock service is a class or object that mimics the real service methods but returns fake data.

What does a spy do in Angular testing?

A Generates random data

B Runs the real service code

C Compiles the Angular app

D Tracks method calls and arguments

A spy monitors calls to methods and their arguments without executing real code.

Which of these is NOT a reason to mock services in tests?

A To make tests dependent on external APIs

B To speed up tests

C To avoid real network calls

D To isolate the tested component

Mocking services avoids dependency on external APIs, not making tests dependent on them.

Explain how to mock a service in Angular tests using TestBed.

Think about how Angular lets you swap real services with fake ones during testing.

Describe why mocking services is important for unit testing Angular components.

Consider what happens if tests call real servers or depend on external data.