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

## Manipulating state in tests

So far, the carousel is just a pair of buttons. What it really needs is some slides. A simple approach to this is to give the `Carousel` instance an array of data as a prop called `slides`, then pass the data from `slides[slideIndex]` as props to a `CarouselSlide`.

* Replace the existing `beforeEach` block to set the `slides` prop on the `Carousel` instance, then add a (failing) test for the slide-passing behavior:



# Manipulating state in tests

So far, the carousel is just a pair of buttons. What it really needs is some slides. A simple approach to this is to give the `Carousel` instance an array of data as a prop called `slides`, then pass the data from `slides[slideIndex]` as props to a `CarouselSlide`.

* Replace the existing `beforeEach` block to set the `slides` prop on the `Carousel` instance, then add a (failing) test for the slide-passing behavior:



Let’s learn how to manipulate states of a stateful component through Enzyme's method in tests.

Manipulating State of Stateful Component in Tests

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

Manipulating State of Stateful Component in Tests

Manipulating state in tests