Angular Web Framework Testing & Debugging 4

Question 1

When using `async/await` in an Angular test instead of `fakeAsync`, what function must wrap the test callback?

Accepted Answer

async() from @angular/core/testing

Answer

The async() utility from @angular/core/testing patches the test zone so Angular knows to wait for all asynchronous operations before completing the test.

Question 2

What does `TestBed.overrideComponent()` allow you to do in Angular tests?

Accepted Answer

Replace a component's metadata (template, providers, styles) after TestBed has been configured

Answer

TestBed.overrideComponent() modifies a component's template or providers at test time without redefining the entire TestBed configuration.

Question 3

In Angular E2E testing with Cypress, what is the recommended way to interact with Angular-specific elements like mat-select?

Accepted Answer

Trigger native DOM events and use cy.get() with accessible selectors or data-cy attributes

Answer

Cypress works at the browser DOM level, so triggering native events on accessible selectors or data-cy attributes is the reliable, Angular-agnostic approach.

Question 4

Which Angular CDK testing utility provides a unified API for interacting with Angular Material components in tests?

Accepted Answer

Component Test Harnesses (HarnessLoader)

Answer

Angular CDK's HarnessLoader provides Component Test Harnesses — stable, semantic APIs for interacting with Material components in both unit and E2E tests.

Question 5

What error does Angular throw during testing when you forget to import a module that provides a required pipe?

Accepted Answer

'The pipe X could not be found'

Answer

Angular throws a template parse error stating the pipe cannot be found if the module declaring it isn't imported in the TestBed configuration.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Testing & Debugging 4