react testing with enzyme

Introduction to Enzyme testing for React.

Why Enzyme

Enzyme was developed by Airbnb for testing React components’ outputs.

Code gone Wrong

Some code that is wrong will fail to compile. Why will this snippet fail to compile?

function App() {
  return (
    <div className="App">
      <header className="App-header">
        Login
      </header>
    </div>
    <Login />
  );
}

Often times however, our code compiles without errors but fails at runtime.

Create-react-app install Jest test runner.

Jest will look for test files with any of the following popular naming conventions:

Create react app README content

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`npm test`

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

SummerOfCode2020/week-13-testing-react-with-enzyme

react testing with enzyme

Why Enzyme

Code gone Wrong

Create react app README content

Available Scripts

npm start

npm test

Learn More

Making a Progressive Web App

Advanced Configuration

Deployment

`npm start`

`npm test`