- Learn to test Frontend React and Redux applications.
- Learn to use StorybookJS and Jest
Here are the list of learning resources for this task.
| Topic | Resource |
|---|---|
| Getting Started with React Storybook | Link to this resource |
| React Storybook: Design, Dev, Doc, Debug Components | Link to this resource |
| Create Powerful Interactive Style Guides with Storybook | Link to this resource |
| Jest Course | Link to this resource |
| Jest Crash Course | Link to this resource |
- When you write test for add website form, make sure:
- You show loaders properly, when the form is being submitted.
- Check URL validation.
- Test the form by keeping fields blank.
- Fill the form properly and test if the new website is added to the list.
- When you write test for list website component, make sure:
- You show loaders properly, when the list is being loaded.
- When there are no websites in the list. You show the info message.
- You list all the websites properly.
- When there is error in loading, an error message is shown on the page. You can mock that error in Storybook + Jest.
- Make sure when you click on log out, you're redirected to sign in page and you have cleared all local storage and sessions. Try navigating back to dashboard (without logging in( and make sure you're automatically navigated back to sign in.
- Push changes to your frontend Git Repo with tests.
- Make sure the build passes on Travis.