Merging

package.json

@@ -3,6 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.4.0",
     "axios": "^0.19.0",
     "bootstrap": "^4.4.1",
     "react": "^16.8.6",

src/components/Customer.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 const Customer = ({ id, name, address, city, state, postalCode, phone, findCustomer }) => {
 
@@ -16,4 +17,15 @@ const Customer = ({ id, name, address, city, state, postalCode, phone, findCusto
   )
 }
 
+Customer.propTypes = {
+  findCustomer: PropTypes.func.isRequired,
+  id: PropTypes.number.isRequired,
+  name: PropTypes.string.isRequired,
+  address: PropTypes.string,
+  city: PropTypes.string,
+  state: PropTypes.string,
+  postalCode: PropTypes.string,
+  phone: PropTypes.string,
+}
+
 export default Customer;

src/components/CustomerList.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import Customer from './Customer.js';
 import axios from 'axios';
+import PropTypes from 'prop-types';
 
 class CustomerList extends React.Component {
   constructor(props) {
@@ -19,10 +20,11 @@ class CustomerList extends React.Component {
         });
       })
       .catch((error) => {
-        console.log('error');
+        console.log(error.message);
       });
   }
 
+
   findCustomer = (customerId) => {
     const selectedCustomer = this.state.customers.find((customer) => {
       return customer.id === customerId;
@@ -58,4 +60,8 @@ class CustomerList extends React.Component {
   }
 }
 
+CustomerList.propTypes = {
+  selectCustomer: PropTypes.func.isRequired
+}
+
 export default CustomerList;