Angular Web Framework Angular Professional Development 5

Question 1

Which Angular testing utility is used to create a testing module environment for unit testing a component?

Accepted Answer

TestBed

Answer

`TestBed.configureTestingModule()` sets up a miniature Angular module for testing, configuring declarations, imports, and providers.

Question 2

In Angular, what is the difference between `fakeAsync` and `async` test utilities?

Accepted Answer

`fakeAsync` uses fake timers controllable with `tick()`; `async` awaits real promises

Answer

`fakeAsync` replaces the browser timer with a simulated clock you advance via `tick()`, while `async` waits for actual asynchronous operations to complete.

Question 3

What does the `RouterTestingHarness` utility (Angular 15+) simplify in component tests?

Accepted Answer

Navigating to a route and retrieving the rendered component without a real browser

Answer

`RouterTestingHarness` provides a simple API to navigate to routes in tests and access the routed component, eliminating manual router setup boilerplate.

Question 4

In an Angular monorepo with Nx, what is a `buildable` library's main benefit over a regular Nx library?

Accepted Answer

It generates its own compilable output, enabling incremental builds and build caching

Answer

A buildable Nx library compiles to its own `dist` output, allowing the build cache to skip recompiling it when nothing has changed.

Question 5

Which Angular animation state transition syntax triggers an animation whenever an element enters the DOM?

Accepted Answer

Both ':enter' and 'void => *' are equivalent

Answer

`:enter` is an alias for `void => *`, both representing the state transition when an element is inserted into the DOM.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Angular Professional Development 5