Component Testing with Enzyme

As mentioned earlier, our project for the rest of the course is building a carousel. A carousel is a widget that shows a series of images to the user one at a time. The user has the ability to move between adjacent images in the series. The carousel can also auto-advance, like a slideshow. By the end of the course, our carousel will look like this:

Since this is fairly complex, we’re going to implement it as a primary component called Carousel with two secondary components:

1. CarouselSlide, an image shown in the carousel
2. CarouselButton, a button that lets the user control the slides

Let’s start by writing some tests for the simplest component: CarouselButton is just going to render a <button>. Why componentize it at all? Because we’re going to add styling to that <button> in the next chapter. We’ll make assertions about the component using a ...