Workshop Logo

Modern Frontend Testing

Learn unit and e2e testing basics, best practices, and advanced features using tools like Karma, Jest, Cypress, and Playwright in this comprehensive 3-day workshop.

Level
Advanced
Duration
3 days or 6 half days
Prerequisites
Location options
Remote
Onsite

For whom is this workshop for?

Frontend developers
Testers
Junior and Senior developers

Workshop Agenda

icon

Introduction to automated testing

  • Types of testing: unit, integration, e2e
  • Testing pyramid
  • Testing honeycomb
icon

Modern testing tools

  • Get to known unit testing tools
  • Tools for e2e testing
  • Performance testing
  • Visual regression testing
icon

Unit Testing

  • Unit testing basics
  • Shallow tests and component tests
icon

End-to-End Testing

  • E2E testing with Cypress or PlayWright
  • Simulating user interactions
  • Testing application flows
  • Best Practices
icon

Techniques

  • Test-driven development (TDD)

Description

Testing is an essential part of modern web development. It helps you catch bugs early, ensure your code works as expected, and make your applications more reliable and maintainable.

This 3-day workshop covers the fundamentals of testing in Angular, focusing on both unit testing and end-to-end (e2e) testing. We begin by exploring the different types of testing, including unit, integration, and e2e testing, along with the testing pyramid that helps guide test strategy.

You’ll dive into a comparison of the most popular tools for both unit and e2e testing, including Karma, Jest, Cypress, and Playwright, so you can choose the best fit for your projects. The workshop will then cover Angular unit testing fundamentals, showing you how to write and run tests using Karma or Jest, and how to leverage testing libraries to improve your workflow.

End-to-end testing will focus on Cypress and Playwright, where you’ll learn to write tests that simulate real user interactions and validate application flows from start to finish. Best practices and advanced techniques will also be covered, helping you build reliable, maintainable test suites.

This workshop equips you with a solid foundation in testing, ensuring your Angular applications are fully tested, performant, and bug-free.

Takeaways

After completing the workshops you are able to:

  • Understand different types of testing: unit, integration, e2e, and the testing pyramid
  • Choose the right testing tools by comparing Karma, Jest, Cypress, and Playwright
  • Write and run unit tests for a web application
  • Perform e2e testing with Cypress or Playwright to simulate automated user interactions
  • Apply best practices and advanced testing techniques to create robust test suites
  • Use test-driven development (TDD) to write better code
  • Ensure your applications are reliable, maintainable, and thoroughly tested

What is included?

  • High-quality materials with a mix of theory and exercises.
  • A lot of best practices from our enterprise projects.
  • 8 hours of follow-up coaching and consulting after the workshop. Dates and time can be arranged individually.
  • Lifetime access to the workshop materials
  • Hands-on excercises, live coding and Q&A sessions
  • Certificate of completion

Book the Workshop

FAQ about our workshops

Our workshops primarily focus on web development and software architecture. We emphasize reactive programming and architecutral patterns. As Angular consultancy we of course choose Angular as framework of our choice as it is a great fit for most enterprise projects.

In all of our workshops, we provide high-quality materials, a well-structured agenda and a balanced mix of theory and exercises. All this is combined with a lot of best practices which we gathered over the years in enterprise projects at our clients.

Yes, of course! We would be happy to come to your location and provide a workshop for your team. Just get in touch with us and we will find the perfect solution for you. However we are a remote-first company and we believe that remote workshops are as effective as onsite workshops.

Beginner workshops offer fundamental knowledge and require usually none to little pre-experience. Advanced workshops require some experience with the topic and are more in-depth. Expert workshops are for people who have a lot of experience with the topic and want to dive deep into the topic.

Besides the workshop itself, in all our workshop packages we include a 8 hours of follow-up coaching and consulting. This can be used for code reviews, architecture consulting, or any other topic you want to discuss with us.

High level workshop agenda

To give you a better feeling how our workshops are organized, we provide you here a high level overview of a typical workshop agenda.

Please note that the agenda can vary depending on the workshop and the needs of the participants. Every training is unique and we strive to provide the best possible experience for you.

09:00 - 10:30 Theory & Exercises
10:30 - 10:45 Break
10:45 - 12:15 Theory & Exercises
12:15 - 13:00 Lunch Break
13:00 - 14:30 Theory & Exercises
14:30 - 14:45 Break
14:45 - 16:15 Theory & Exercises

Not found the workshop you where looking for?

No worries, we are happy to create a custom workshop for you. Just get in touch with us and we will find the perfect solution for you.

Our other Services

Besides high-quality workshops, we offer a variety of other services to help you and your team to become more successful in your projects.