Skip to content
4advanced

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
This path contains premium content. You can complete all the free steps without a subscription, but you will need a Pro subscription to complete the full path.
Unlock Pro

  • 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
  • 2junior
    Free

    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
  • 3intermediate
    Free

    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
  • 4advanced
    Free

    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
  • 5guru
    Premium

    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