Web App Testing & Tools

• Master Testing Frameworks: Learn to use Vitest and Playwright for unit and end-to-end testing, ensuring robust and reliable web applications.
• Refactor for Testability: Gain skills in refactoring code to enhance testability, making it easier to mock dependencies and test asynchronous code.
• Mocking and UI Testing: Understand how to mock external dependencies and test UI components effectively using Storybook.
• Testing Strategies and Best Practices: Develop a strong foundation in testing strategies, including the testing pyramid and writing testable code.
• Automated Testing Techniques: Learn techniques for automating tests, improving code quality, and increasing productivity across development teams.

The "Web App Testing & Tools" course, taught by Miško Hevery, dives deep into the world of web application testing. Learners will explore essential testing frameworks like Vitest and Playwright to conduct unit and end-to-end testing. The course covers strategies for refactoring code for better testability and introduces tools like Storybook for UI testing. Through hands-on exercises and practical examples, developers will gain the skills needed to write effective tests, mock dependencies, and test complex asynchronous code. This course empowers developers to build more reliable and maintainable web applications by fostering a strong testing mindset.

• Frontend developers looking to enhance their testing skills.
• Software engineers aiming to improve code quality and maintainability.
• Development teams seeking efficient strategies for web application testing.

• Familiarity with JavaScript and modern web development.
• Basic understanding of web application architecture.

Introduction

• Overview of the benefits of testing in the development process.
• Addressing common excuses for not including tests in codebases.

Unit Testing & Mocking

• Refactoring code for better testability and managing asynchronous calls.
• Introduction to Vitest and writing unit tests for APIs.
• Mocking external dependencies and understanding test anatomy.

UI & End-to-End Testing

• Testing UI components using Storybook for isolated component testing.
• Conducting end-to-end tests with Playwright and creating page objects.
• Testing form validation and handling complex test scenarios.

Writing Testable Code

• Understanding the testing pyramid and development model.
• Structuring code for testability using dependency injection and functional patterns.
• Avoiding common pitfalls that lead to untestable code.

Wrapping Up

• Final thoughts on creating a testing mindset within a team.
• Additional resources and strategies for continued learning in testing.