title: Enzyme unit test is passing test when it should fail
body: <p>I'm trying to test a component it has two props title, and url. </p>
  
  <p>I'm unsure how to pass mock data, i made an attempt but it passes but im pretty sure its not reading whats in the data <code>object</code></p>
  
  <p>Both tests are passing.</p>
  
  <p><strong>Card.js</strong></p>
  
  <pre><code>import React, {Component} from 'react';
  const Styles = {
      width: '300px',
      height: '300px'
  }
  class Card extends React.Component {
      render() {
          return (
              &lt;div&gt;
                  {/* Renders title of the GIY  */}
                  &lt;h1&gt;{this.props.title}&lt;/h1&gt;
                  &lt;div &gt;
                      &lt;img alt="" src={this.props.url}/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  export default Card;
  </code></pre>
  
  <p><strong>Card.test.js</strong></p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import {shallow} from 'enzyme';
  import Card from './Card';
  
  describe('Should render Card Component', ()=&gt; {
      it('should render card component', ()=&gt; {
        const component = shallow(&lt;Card /&gt;);
  
      })
  
  });
  
  describe('Should render title/ url prop', ()=&gt;{
      it('should render title /url prop', ()=&gt;{
          // trying to mock data for the Card component
          const data = {
              title: "owl",
              url:"https://giphy.com/gifs/bird-owl-qISaMW1xwmvNS"
          }
  
          const component = shallow(&lt;Card title={data.title} url={data.url}/&gt;)
  
      })
  })
  </code></pre>