Name: Test Against Different React Releases with Enzyme
Uploaded: 2018-02-27T00:04:33-06:00
Description: Within some of React’s releases there are major breaking changes that require different setups for Enzyme. In this lesson we are going to walk through how to setup your testing environment with some of these releases.

Course Overview: Testing React Components with Enzyme and Jest

Install Enzyme and Configure Jest

Test Against Different React Releases with Enzyme

Shallow Render a React Component with Enzyme

Find Nodes from a Shallow Rendered Component

Understand the Different Accepted Selectors in Enzyme

Test Enzyme Rendered Components with Jest Snapshots

Test React Component Props with Enzyme and Jest

Fully Render React Components with Enzyme

Test Simulated Event Handlers with Enzyme

Test New Component State with setState in Enzyme

Test React Component Lifecycle Methods with Enzyme

Test React Component Methods with Enzyme

Test Redux Connect Components with Enzyme

Testing React Forms with Enzyme

Test React Components with Enzyme and Jest

Within some of React’s releases there are major breaking changes that require different setups for Enzyme. In this lesson we are going to walk through how to setup your testing environment with some of these releases. 

https://app.egghead.io/api/v1/lessons/react-test-against-different-react-releases-with-enzyme/subtitles

Instructor: [00:01] Once you have Enzyme installed in your workflow, it's important to know which version of React you are using. Enzyme has some adapters that need to be installed and configured in order to work with certain React releases.

[00:14] Create React app has may currently set up with React 16. In order to use Enzyme and set up our test, I need to install a package called enzyme-adapter-react-16.

[00:28] Once uploaded, we'll see it here. We can now configure our test to use this adapter. We'll go through our app test page and import configure from Enzyme.

[00:41] Next, we'll import adapter from enzyme-adapter-react-16. We'll use this configure function, which takes an object adapter, new adapter.

[00:51] Perfect, this is all we need in order to use React 16 in our test with Enzyme. We could have also created a test set-up file and put this in there, because it only needs to be at it once. For simplicity, we will leave it in this file.

[01:06] Adapters and configurations need to be set up if you're using React 16, 15, 014 or 013. The set-up is the same for each of these versions. The only thing that needs to be changed is the adapter package that we're installing.

[01:21] If you're working within React 15.5 or higher, that will be the React 15 package. If you're working within 15.0and 15.4, that will be the 15.4. If you're working with the 014, that will be the 14 package, and if you're working with 013, that will be the adapter-react-13.

Test Against Different React Releases with Enzyme

Share this video with your friends

Course

Test React Components with Enzyme and Jest