Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering Angular Test-Driven Development
  • Table Of Contents Toc
  • Feedback & Rating feedback
Mastering Angular Test-Driven Development

Mastering Angular Test-Driven Development

By : Ezéchiel Amen AGBLA
4.5 (2)
close
close
Mastering Angular Test-Driven Development

Mastering Angular Test-Driven Development

4.5 (2)
By: Ezéchiel Amen AGBLA

Overview of this book

Do you want to learn how to build robust, reliable, and impressive Angular applications? If yes, then Angular test-driven development is for you! Mastering Angular Test-Driven Development is a comprehensive guide that provides you with essential resources to enhance your skills and deliver high-quality Angular applications. With a practical approach and real-world examples, the book extensively covers TDD concepts, techniques, and tools, going beyond unit testing to explore testing Angular pipes, forms, and reactive programming. In this book, you’ll learn how to validate and manipulate data using pipes, test Angular forms for input validation and user interactions, and handle asynchronous operations with reactive programming. Additionally, you’ll discover end-to-end testing using Protractor, Cypress, and Playwright frameworks, gaining valuable insights into writing robust tests for web applications, navigation, element interaction, and behavior validation. You’ll also understand how to integrate TDD with CI/CD, learning best practices for automating tests, deploying Angular applications, and achieving faster feedback loops. By the end of this book, you’ll be able to successfully implement TDD in your Angular projects with the help of practical examples, best practices, and clear explanations.
Table of Contents (18 chapters)
close
close
Free Chapter
1
Part 1: Getting Started with Test-Driven Development in Angular
4
Part 2: Writing Effective Unit Tests
8
Part 3: End-to-End Testing
12
Part 4: Continuous Integration and Continuous Deployment for Angular Applications

Structuring E2E tests

Cypress tests are structured using the describe(), context(), it(), and specify() functions, which are borrowed from Mocha (Mocha is a feature-rich JavaScript testing framework that runs on Node.js and in the browser, designed to make asynchronous testing simple and enjoyable. It is highly regarded for its versatility in testing applications across both the front- and backends, offering a wide range of benefits to developers). The describe() function is used to group related tests, context() is similar to describe(), and it() and specify() are used to write individual test cases.

We’re going to structure our tests around the functionality of our calculator application. Our calculator performs four operations: addition, subtraction, multiplication, and division. In our e2e folder in the cypress folder, we’ll create a file called calculator.cy.ts :

Figure 8.1 – The calculator.cy.ts file in e2e in the cypress folder

Figure 8.1 – The calculator.cy.ts file in e2e in the cypress folder...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY