Test-Driven Development with Angular [2025 updated]

Name: Test-Driven Development with Angular [2025 updated]
Rating: 4.5 (1334 reviews)

Learn the basic and advanced test-driven development techniques by building an Angular application.

Created byIrek Mirgaleev

Last updated 5/2025

English

English [Auto],Polish [Auto],

What you'll learn

Basics of test-driven development with Angular
Angular unit testing tips and tricks
Mocking services in angular unit testing

Course content

4 sections • 22 lectures • 1h 21m total length

Course Introduction1:00
Course introduction.
Generate the app and components2:33
- generate a new angular application
- add header component
- add homes component
- update app.component.html
- remove default tests from app.component.spec.ts

Home List Section introduction1:02
Section introduction
Adding home list3:42
- add home list in homes component and mock the data in the controller
Adding home info2:18
- add home info such as home title, location, and image
Adding and mocking the service4:40
- generate and mock the data service
Hooking up the service to the API4:37
- update the service to make a real HTTP call instead of returning an empty array
Styling home list1:29
- style the home list according to the design
Section recap0:37
- section recap

Home Booking Section Introduction0:59
Apply test-driven development to build home booking feature with book button, dialog showing title and price per night, date inputs, total cost, and fake backend submission with a success message.
How to follow along0:36
Adding "Book" button in the home list5:38
Practice test-driven development in Angular by adding a book button to the home list and wiring a click to open a dialog via a dialog service, with tests validating presence.
Scaffolding a dialog using Material Design3:41
Creating and passing the first test5:22
Master test-driven development in Angular by outlining core component features—title, check-in and check-out dates, price per night, total cost, and a booking action—supplied via material dialog data.
Implementing price and check in/out dates4:14
Learn how to display the home price and capture check in and check out dates to calculate booking costs, with test-driven refactoring of element queries and UI tests.
Calculating total price7:37
Calculate total stay cost in an Angular app by using check-in and check-out dates with a price per night, validate with tests, and prepare a booking submission flow.
Submitting booking request7:34
Apply test-driven development in Angular by implementing the book home method, posting a booking via the data service, subscribing to the observable, and closing the dialog with a success notification.
Closing dialog and showing notification9:24
Close the material dialog and show a success snackbar after a booking in Angular. Test the flow by mocking the dialog reference close and snackbar open methods.
Adding date pickers and styling3:51
Add date pickers to forms using Angular Material, configure date adapter providers, and enhance dialog styling with Bootstrap classes, while updating unit tests.
Fixing the bug with invalid dates3:23
THis is a test description.
Section recap1:13
Master test driven development to build booking functionality in Angular, adding a book button, a dialog, price per night, date selection, total cost, and booking submission with a success message.

Requirements

Beginner Angular knowledge
Beginner Angular unit test knowledge

Description

This course is designed to teach you the fundamentals of test-driven development (TDD) while guiding you through the creation of a basic Angular web application. By the end of this course, you will not only have a solid understanding of TDD principles but also the confidence to apply them in demanding, test-heavy environments, such as corporate web application development.

The course is structured around hands-on development of an application with several simple features. For each feature, you will follow the core TDD cycle: write a test that initially fails, add the code necessary to make the test pass, and then refactor the code to ensure it meets established standards. This iterative process will solidify your understanding of TDD and equip you with practical experience in building complete features from scratch.

This course is particularly beneficial for developers who are keen to adopt TDD and leverage its advantages in streamlining the development process and improving code quality, but often find themselves struggling with the initial step of writing the first failing test. By enrolling in this course, you will overcome this hurdle and be able to write your first test within minutes.

Don't miss out on this opportunity to master TDD and revolutionize your approach to software development. Sign up today and start your journey towards becoming a more efficient and confident developer.

Who this course is for:

Angular developers who want to try test-driven development but don't know how

Test-Driven Development with Angular [2025 updated]

What you'll learn

Explore related topics

Course content

Getting started2 lectures • 4min

Application header1 lecture • 6min

Home list7 lectures • 18min

Home booking12 lectures • 54min

Requirements

Description

Who this course is for: