react.tar.gz

intro

intro-copy

ch3-something

generic

ch3-1

ch3-2

ch4-1

ch2-1

ch2-2

ch2-3

ch5-copy

intro-copy-wmhr0i

ch3-1-copy

ch4-1-copy

ch4-1-copy-2

generic-copy

ch4-copy

This course is a deep dive into testing in React. You will learn unit testing and integration testing using tools such as Jest and Enzyme. You will also learn about other tools such as ESlint, Prettier, Babel, Webpack, and Travis CI that add convenience for coding and testing.

Test-driven Development with React

## Running Jest tests automatically

Jumping to the console every time you want to run some tests is a chore. Happily, Jest has a “watch mode” where it automatically re-runs all tests when it detects any change to a test file or a source file dependent on a test.

To start Jest in watch mode, run it with the `--watchAll` flag:

~~~sh
$ npx jest --watchAll
~~~

Now you should see the same failure result as before. Try saving either `index.js` or `index.test.js`, and the test will re-run. You can press `q` at any time to quit. For now, leave Jest watch mode running.

## Getting to green

Since Jest is watching your project, see if you can tackle the `"FizzBuzz"` test case:




# Running Jest tests automatically

Jumping to the console every time you want to run some tests is a chore. Happily, Jest has a “watch mode” where it automatically re-runs all tests when it detects any change to a test file or a source file dependent on a test.

To start Jest in watch mode, run it with the `--watchAll` flag:

~~~sh
$ npx jest --watchAll
~~~

Now you should see the same failure result as before. Try saving either `index.js` or `index.test.js`, and the test will re-run. You can press `q` at any time to quit. For now, leave Jest watch mode running.

# Getting to green

Since Jest is watching your project, see if you can tackle the `"FizzBuzz"` test case:




In this lesson, we will be writing tests while getting introduced to different features of Jest.


Running Tests Automatically and Code Coverage

Before We Begin

Test-Driven Development with Jest

Integrated Tooling with VS Code

Testing React with Enzyme

Styling in JavaScript with Styled-Components

Refactoring with Higher-Order Components

Continuous Integration and Collaboration

Conclusion

Running Tests Automatically and Code Coverage

Running Jest tests automatically

Getting to green