Skip to content

Latest commit

 

History

History
47 lines (30 loc) · 1.79 KB

README.md

File metadata and controls

47 lines (30 loc) · 1.79 KB
Raw

Task 5 - Testing Frontend.

Objectives

  • Learn to test Frontend React and Redux applications.
  • Learn to use StorybookJS and Jest

Learning Resources

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

Tasks

Step 1: Set up tests.

  • Set up React tests with Storybook and Jest
  • Make sure tests run when you run npm test

Step 2: Tests for signup from.

  • When you write test for signup form, make sure:
    • Check email validation. Check for an error and if there is an error - pass the test.
    • When you sign up with an email that has been signed up with already. Check for an error and if there is an error - pass the test.
    • Test the form by keeping fields blank.
    • Fill the form properly and test redirects to an authenticated page.

Step 3: Test login form.

  • Just as you've tested signup form. Test login form too. Please make sure you cover all the edge test cases like incorrect login and password, keeping the fields blank, etc.

Step 3: CI and CD

  • Integrate npm test in your Travis file and make sure the build passes.

Deliverable

  • Push changes to your frontend Git Repo with tests.
  • Make sure the build passes on Travis.