This module will teach you unit testing and integration testing using tools such as Jest and Enzyme.

React App Testing

This module explores testing in React in detail. 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 to coding and testing.

Test-Driven Development with React

## How to read the code examples

This course takes a hands-on, project-driven approach, which means that source files often change over the course of a chapter. When a code example is a work in progress, its file name (relative to the project root) is shown as a comment at the top of the snippet:

~~~
// src/tests/MyComponent.test.js
import React from 'react';
import MyComponent from '../MyComponent';

describe('MyComponent', () => {
  it('renders a <div /> tag', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.type()).toBe('div');
  });
});
~~~

As a source file changes over the course of a chapter, familiar sections are omitted with `...` and new/edited lines are highlighted:



# How to read the code examples

This course takes a hands-on, project-driven approach, which means that source files often change over the course of a chapter. When a code example is a work in progress, its file name (relative to the project root) is shown as a comment at the top of the snippet:

~~~
// src/tests/MyComponent.test.js
import React from 'react';
import MyComponent from '../MyComponent';

describe('MyComponent', () => {
  it('renders a <div /> tag', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.type()).toBe('div');
  });
});
~~~

As a source file changes over the course of a chapter, familiar sections are omitted with `...` and new/edited lines are highlighted:



Learn a few tips to better understand the course.

Introduction To The Path

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

A Few Tips to Enjoy the Course Better

How to read the code examples