Search for a command to run...
Series
Throughout this course, you will learn about
Following Along In order to follow along with this lesson, we need to add a couple things to our project. In our src folder, we need to add: Form.css Form.js Form.test.js api.js Within these files: Form.css form { display: flex; flex-direct...
Following Along In order to follow along with this lesson, we need to add a couple things to our project. In our src folder, we need to add TodoList.css TodoList.js TodoList.test.js store.js Within these files: Todolist.css * { box-sizing: bord...
To begin this lesson, let's create a new component. In App.js: // ... export class Link extends Component { render() { return <a href={this.props.address}>Click</a> } } //... Make sure to import Component from React: import React, { Componen...
Searching for Nodes We can use built-in methods to search for certain nodes in our Shallow Rendered Component, and combine these methods with Jest assertions to make sure everything renders correctly. In App.test.js, we define a search for a node on ...
Simulating Component State in Enzyme With Enzyme, we can simulate and test different component contexts. We can use the setState() method to change the state of our component, and then we can test that it renders correctly under the new state. In App...
Setting up Enzyme with different releases of React At the time of writing these notes, Create React App uses React 16. In order to use Enzyme with React 16, we need to install the enzyme-adapter-react-16 package: npm install --save-dev enzyme-adapter...
