Testing Angular Apps - The Complete Guide

Explore unit, integration, system, and end-to-end tests, and learn how automated tests verify components, routing, and database interactions.

Explore ECMAScript and TypeScript as the evolution of JavaScript, learn how TypeScript adds static typing, interfaces, and namespaces, and see how TypeScript compiles to JavaScript for browser compatibility.

Install Angular and set up your app, explore e2e and unit tests with test bed, describe, beforeEach, and fixtures, run browser tests, verify header displays correctly, and fix failing expectations.

Create a new Angular component and model, implement a simple modal test, Bootstrap styling, and use a data-generation library to populate a bookstore mock data set for tests.

Explore Angular components, methods, and attributes through building a book catalog with bootstrap grid, image, and currency pipe formatting, while writing unit tests and spies to verify behavior.

Implement find, save, and destroy methods for a book model in a tdd workflow, using local storage to persist books. Mock local storage in tests and verify behavior in modals.

Learn to write unit tests for find, save, and destroy methods in an Angular app, including seeding local storage, validating save and retrieval, and confirming destruction.

Learn to add an output event emitter in an Angular component for add-to-cart and test emission with async handling.

Prepare to test forms in Angular apps by examining array or modal-driven forms, template-driven forms, and dynamic forms, and set up the corresponding reactive and template-driven modules.

Create and validate a reactive form in Angular using a form group with title, image, description, and price, apply required validators, and subscribe to changes for testing readiness.

Test reactive forms in Angular by setting up the test bed and fixture, validating title, description, and price are required, and ensuring the submit button stores data in local storage.

Explore building a template driven form to edit books in an Angular app, using form groups, inputs, validations, and user feedback plus a submit button.

Learn to test template-driven forms in Angular, validate title minimum length and price inputs, toggle touched state, and verify form validity.

Learn to build dynamic forms and a dynamic forum in angular, render on the fly with a component-driven model using template outlet and resolve template, then write tests.

Learn to finalize a dynamic form in an Angular component, configure validators for revalidation, and prepare the form group using a custom directive and dynamic options.

Learn to integrate firebase into an angular app by configuring the official library, initializing cloud data, and using a car service with observables while mocking third-party services for tests.

Learn to test a firebase service in Angular by creating a mock service, wiring a fake firestorm firestore, and validating observable-based methods in component tests.

Demonstrate how to test http requests by mocking firebase-like endpoints and building a http get method for isolated, dependency-free unit tests. Explore injecting dependencies via a factory to simulate responses.

Learn how to build and test a discount pipe in Angular, using transform to format prices and integrate it in components with proper module declarations and tests.

Test routing in practice within an Angular app by setting up route tests, injecting mock services, and using component fixtures to verify router behavior.

Learn to test routing in an Angular app by writing tests for the routing system, using fixtures and stubs, and configuring testing with providers and components to verify navigation outcomes.

Learn how Protractor supports Angular applications, from installation and configuration to writing tests and using page objects. Tackle common issues like long-running processes and setup fixes to get tests running.

Learn to write end-to-end tests for the book edit page using a page object pattern in Protractor, filling title, description, and image, and submitting to verify book creation.

Master debugging Protractor tests by configuring a debugger, setting breakpoints, and inspecting variables across browsers, while learning common setup steps on Windows and with Selenium.

Learn to take visual snapshots of your Angular app during tests by installing and configuring the protractor screenshots plugin, controlling when screenshots are saved, and reviewing I-Reports.

Learn how Sauce Labs enables automated cross-device testing by running your app on multiple browsers and devices via a free account, tunnel setup, and real-time test viewing.

Test angular applications on multiple platforms with protractor, configuring multi-capabilities to run across browsers and operating systems such as macOS, Windows, and Linux.

Explore testing modules, components, and forms in Angular apps through theory and hands-on practice, with access to source code and lecture-specific branches for easy reference.