test(ProductCard): add test for 'handleClick' method

aneurysmjs · May 2, 2019 · 9b0a8fe · 9b0a8fe
1 parent e1fcd56
commit 9b0a8fe
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/app/components/shared/ProductCard/ProductCard.js b/src/app/components/shared/ProductCard/ProductCard.js
@@ -29,8 +29,9 @@ class ProductCart extends Component<PropsType> {
     hasHover: false,
   };
 
-  handleClick = () => {
-
+  handleClick = (): ProductType => {
+    const { product } = this.props;
+    return product;
   };
 
   render() {
@@ -53,15 +54,15 @@ class ProductCart extends Component<PropsType> {
           role="presentation"
           src={product.image}
           alt={product.name}
-          onClick="handleClick"
+          onClick={this.handleClick}
           className="img-fluid product-card__image"
         />
         <img
           role="presentation"
           data-hovered
           src={product.imageHovered}
           alt={product.name}
-          onClick="handleClick"
+          onClick={this.handleClick}
           className="img-fluid product-card__image--hovered"
         />
         <figcaption

diff --git a/src/app/components/shared/ProductCard/ProductCard.test.js b/src/app/components/shared/ProductCard/ProductCard.test.js
@@ -24,5 +24,10 @@ describe('ProductCard', () => {
     expect(wrap.instance().props.hasHover).toEqual(false);
     expect(wrap.instance().props.hasOverlay).toEqual(false);
   });
+
+  it('should return the clicked product', () => {
+    const wrap = shallow(<ProductCard product={product}/>);
+    expect(wrap.instance().handleClick()).toEqual(product);
+  });
 
 });