This repository contains a test project which consists in creating a wizard component so that a user:
- Can read product information before purchasing it
- Can set its password with some hints and security requirements
- Can see the final feedback about the status of the operation
This project has the following characteristics:
- Testing done with Jest and react-testing-library
- Styling applied using SCSS, with responsiveness in mind
- Good practices in code applied using airbnb rules for linting and Prettier
- Uses translation with hooks from i18next package
- Loading and error visual feedback to the user using custom hooks during async calls
- Completely customized and reusable
<WizardInput />component
Just clone this git repository and run in the terminal, targetting your cloned folder, the following commands:
> yarn install
> yarn start
Then, you can access the application in http://localhost:3000/.
The fetch call made to the service is mocked, and it's just a method that returns a status after 3 seconds.
To be able to test the failure scenario, just use pruebaKO123* as the password in the Form screen.