Gain insights into Test-driven Development with React. Learn unit and integration testing using Jest and Enzyme, and explore tools like ESlint, Prettier, Babel, Webpack, and Travis CI.

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

# Making assertions about styles

The following is how to make different assertions about styles:

* To make assertions about the styles that styled-components generate, you’ll need the Jest styled-components plugin. Install `jest-styled-components` with npm:

  ~~~sh
  $ npm install --save-dev jest-styled-components@6.3.1
  + jest-styled-components@6.3.1
  ~~~

* Then you’ll need to bring in the plugin before running your tests:


import Adapter from 'enzyme-adapter-react-16'; 
import { configure } from 'enzyme';
import 'jest-styled-components';

configure({ adapter: new Adapter() });

In this lesson you’ll learn to test the styled-components by making assertions about styles using various Jest methods.


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

Making Style Assertions for Styled Components Testing

Making assertions about styles