fix(Product): ProductItem and Cart gives different prop for product quantity (reduxjs#2770)

Author: YmshadA

examples/shopping-cart/src/components/Product.js

@@ -1,15 +1,15 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-const Product = ({ price, inventory, title }) => (
+const Product = ({ price, quantity, title }) => (
   <div>
-    {title} - &#36;{price}{inventory ? ` x ${inventory}` : null}
+    {title} - &#36;{price}{quantity ? ` x ${quantity}` : null}
   </div>
 )
 
 Product.propTypes = {
   price: PropTypes.number,
-  inventory: PropTypes.number,
+  quantity: PropTypes.number,
   title: PropTypes.string
 }
 

examples/shopping-cart/src/components/Product.spec.js

@@ -20,7 +20,7 @@ describe('Product component', () => {
 
   describe('when given inventory', () => {
     it('should render title, price, and inventory', () => {
-      const { component } = setup({ title: 'Test Product', price: 9.99, inventory: 6 })
+      const { component } = setup({ title: 'Test Product', price: 9.99, quantity: 6 })
       expect(component.text()).toBe('Test Product - $9.99 x 6')
     })
   })

examples/shopping-cart/src/components/ProductItem.js

@@ -7,7 +7,7 @@ const ProductItem = ({ product, onAddToCartClicked }) => (
     <Product
       title={product.title}
       price={product.price}
-      inventory={product.inventory} />
+      quantity={product.inventory} />
     <button
       onClick={onAddToCartClicked}
       disabled={product.inventory > 0 ? '' : 'disabled'}>

examples/shopping-cart/src/components/ProductItem.spec.js

@@ -33,7 +33,7 @@ describe('ProductItem component', () => {
 
   it('should render product', () => {
     const { product } = setup(productProps)
-    expect(product.props()).toEqual({ title: 'Product 1', price: 9.99, inventory: 6 })
+    expect(product.props()).toEqual({ title: 'Product 1', price: 9.99, quantity: 6 })
   })
 
   it('should render Add To Cart message', () => {