Practicing testing React apps with Jest, Vitest, React Testing Library.
- Testing Components
- Mocking APis
- Tesing Forms
- Testing State Management
- Testing Authentification
This is a React app built with the following technologies and libraries:
- Auth0
- Tailwind
- RadixUI
- React Router
- React Query
- Redux Toolkit
-
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.
-
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
- Allowed Callback URLs:
- Save the changes.
- On the application settings page, configure the following settings:
-
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
).
-
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.
- In the root directory of the project, you'll find a sample