added some new assertions on tests

package.json

@@ -23,6 +23,7 @@
     "jest": "^22.4.3",
     "react-test-renderer": "^16.3.2",
     "enzyme": "3.3.0",
-    "enzyme-adapter-react-16": "1.1.1"
+    "enzyme-adapter-react-16": "1.1.1",
+    "sinon": "4.5.0"
   }
 }

src/components/card/index.js

@@ -6,6 +6,7 @@ const card = ({ icon, title, desc, onClick }) => {
       className="card bg-white ba br4 b--black-20 pointer grow"
       onClick={onClick}>
 
+
       <hr className="ma0 ntPoint5 center w-30 ba b--black-20" />
       <hr className="ma0 ntPoint5 center w-30 ba b--black-20" />
       <div className="card-body content-center tc pa4 pb5">

src/tests/__snapshots__/card.test.js.snap

@@ -22,7 +22,7 @@ exports[`Matches 1`] = `
     <h2
       className="b f2 mb4"
     >
-      This is not a card
+      This is a card
     </h2>
     <p
       className="f4 lh-copy"

src/tests/card.test.js

@@ -2,15 +2,16 @@ import React from 'react';
 import Card from "../components/card";
 import renderer from "react-test-renderer";
 import Adapter from 'enzyme-adapter-react-16';
-import Enzyme,{ shallow } from 'enzyme';
+import Enzyme,{ shallow, mount } from 'enzyme';
+import sinon from "sinon";
 
 Enzyme.configure({ adapter: new Adapter() });
 
 test("Matches", () => {
     const component = renderer.create(
         <Card
             icon="make-payment.png"
-            title="This is not a card"
+            title="This is a card"
             desc="This is a card"
             onClick={() => {}} />
     );
@@ -20,14 +21,19 @@ test("Matches", () => {
 })
 
 test("Renders <HR /> & <div>", () => {
-    const wrapper = shallow(
+    const onButtonClick = sinon.spy();
+    const wrapper = mount(
         <Card
             icon="make-payment.png"
             title="This is not a card"
             desc="This is a card"
-            onClick={() => {}} />
+            onClick={onButtonClick} />
     )
 
-    expect(wrapper.find("hr")).toHaveLength(2);
-    expect(wrapper.find("div")).toHaveLength(2);
+
+    wrapper.find(".card").simulate('click');
+    wrapper.find(".card").simulate('click');
+    expect(wrapper.props().desc).toBe("This is a card")
+    // console.log(onButtonClick);
+    expect(onButtonClick).toHaveProperty('callCount', 2);
 })