Testing React Apps

Practicing testing React apps with Jest, Vitest, React Testing Library.

• Testing Components
• Mocking APis
• Tesing Forms
• Testing State Management
• Testing Authentification

About this Project

This is a React app built with the following technologies and libraries:

• Auth0
• Tailwind
• RadixUI
• React Router
• React Query
• Redux Toolkit

Setting up Auth0 for Authentication

1. Create a New Application:

   • Log in to your Auth0 account.
   • Go to the Auth0 Dashboard.
   • Click on "Applications" in the left sidebar.
   • Click the "Create Application" button.
   • Give your application a name (e.g., "My React App").
   • Select "Single Page Web Applications" as the application type.

2. Configure Application Settings:

   • On the application settings page, configure the following settings:
     • Allowed Callback URLs: http://localhost:5173
     • Allowed Logout URLs: http://localhost:5173
     • Allowed Web Origins: http://localhost:5173
   • Save the changes.

3. Obtain Auth0 Domain and ClientID:

   • On the application settings page, you will find your Auth0 Domain and Client ID near the top of the page.
   • Copy the Auth0 Domain (e.g., your-auth0-domain.auth0.com) and Client ID (e.g., your-client-id).

4. Create a .env.local File:

   • In the root directory of the project, you'll find a sample .env file. Make a copy and save it as .env.local.
   • Replace the Auth0 Domain and Client ID with the actual values you obtained from Auth0.