Introduction to front-end testing
As developers, we aim to create robust applications, especially in a production environment. This path outlines how to test your applications to increase confidence in your code and ensure it functions as expected.
✍️ Prerequisites
This path covers some advanced topics. Before attempting this one, we recommend completing our "JavaScript frameworks and libraries" path.
💭 Learning outcomes
- Understand the importance of testing in front-end development
- Learn principles for writing testable front-end code
- Get acquainted with popular testing frameworks and tools
- Learn the concept of unit, integration, and end-to-end testing
Welcome to the front-end testing learning path
In this article, we introduce you to the world of testing, exploring the basic differences between unit, integration, and end-to-end tests. We also outline various popular testing tools.
Not started
Setting up your project for testing
Now that you understand the basics, we'll walk you through adding testing to your project. We use Vitest for React, Vue, and Svelte projects and Jest for Angular.
Not started
Unit tests
In this article, we review unit tests and the different approaches to writing tests. We also review what to test to help you learn the basics before putting your knowledge into practice.
Not started
- 2juniorFree
Tip calculator app
This small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!
Not started
Integration tests
In this article, we outline how integration tests differ from unit and E2E tests and provide an example application to illustrate how integration tests work to test multiple units of code.
Not started
- 3intermediateFree
Interactive comments section
This is project will put your JavaScript skills to the test. We provide a JSON file to pull the data, but it's also a perfect project to build as a full-stack CRUD app!
Not started
End-to-end tests
In this article, we review how E2E tests are used to test entire user journeys in an application. We also outline some user journeys for the next challenge for you to practice writing E2E tests.
Not started
- 4advancedFree
Multi-step form
An excellent test for your form-building and JS skills, this project will pose many challenges along the way to completion.
Not started
Other types of testing
There are many ways of testing our projects to ensure they work as intended. This article reviews some additional testing types that are important for front-end developers to understand.
Not started
- 5guruPremium
Link-sharing app
In this project, you'll build a fully-functional link-sharing app for developers! You'll practice working with image uploads, repeater fields, drag-and-drop, and more!
Not started
