title: Invalid Chai property: matchSnapshot
body: <p><a href="https://i.stack.imgur.com/4wgqq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4wgqq.png" alt="enter image description here"></a></p>
  
  <p>I've followed instructions here: <a href="https://www.npmjs.com/package/chai-jest-snapshot" rel="nofollow noreferrer">https://www.npmjs.com/package/chai-jest-snapshot</a></p>
  
  <p>I'm using the <a href="https://github.com/facebook/create-react-app" rel="nofollow noreferrer">Create-React-App</a> starter kit and am trying to write basic Jest tests for it.</p>
  
  <p>I <a href="https://github.com/facebook/jest/issues/6393" rel="nofollow noreferrer">read here</a> that we are not suppose to install <code>jest</code> if we are using that kit, so here is my full package.json.</p>
  
  <pre><code>{
    "name": "bitcoin",
    "version": "0.1.0",
    "private": true,
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "eject": "react-scripts eject",
      "test": "jest"
    },
    "now": {
      "name": "bitcoin",
      "engines": {
        "node": "8.11.3"
      },
      "alias": "leongaban.com"
    },
    "dependencies": {
      "axios": "^0.18.0",
      "react": "^16.4.2",
      "react-dom": "^16.4.2",
      "react-redux": "^5.0.7",
      "react-scripts": "1.1.5",
      "redux": "^4.0.0",
      "redux-thunk": "^2.3.0"
    },
    "devDependencies": {
      "babel-plugin-transform-es2015-destructuring": "^6.23.0",
      "babel-plugin-transform-object-rest-spread": "^6.26.0",
      "chai": "^4.1.2",
      "chai-jest-snapshot": "^2.0.0",
      "enzyme": "^3.4.4",
      "enzyme-adapter-react-16": "^1.2.0",
      "react-test-renderer": "^16.4.2",
      "sinon": "^6.1.5"
    }
  }
  </code></pre>
  
  <p>My Test:</p>
  
  <pre><code>import React from 'react';
  import renderer from 'react-test-renderer';
  
  import { expect } from 'chai';
  import { shallow } from 'enzyme';
  import sinon from 'sinon';
  
  import BitcoinWidget from './bitcoinWidget';
  
  const props = {
    logo: 'foo',
    coin: {
      price: 0
    },
    refresh: jest.fn()
  };
  
  // describe('&lt;BitcoinWidget /&gt;', () =&gt; {
  //   it('renders three &lt;BitcoinWidget /&gt; components', () =&gt; {
  //     const wrapper = shallow(&lt;MyComponent {...props}/&gt;);
  //     expect(wrapper.find('header').length).toBe(1);
  //   });
  // });
  
  describe('Layout', () =&gt; {
    test('renders children correctly', () =&gt; {
      const wrapper = renderer
        .create(
          &lt;BitcoinWidget {...props}/&gt;
        )
        .toJSON();
  
      expect(wrapper).to.matchSnapshot();
    });
  });
  </code></pre>
  
  <p>And finally the component I'm testing:</p>
  
  <pre><code>import React from 'react';
  
  const BitcoinWidget = ({ logo, coin : { price }, refresh }) =&gt; {
    return (
      &lt;div className="bitcoin-wrapper shadow"&gt;
        &lt;header&gt;
          &lt;img src={logo} alt="Bitcoin Logo"/&gt;
        &lt;/header&gt;
        &lt;div className="price"&gt;
          Coinbase
          ${price}
        &lt;/div&gt;
        &lt;button className="btn striped-shadow white" onClick={refresh}&gt;
          &lt;span&gt;Refresh&lt;/span&gt;
        &lt;/button&gt;
      &lt;/div&gt;
    );
  }
  
  export default BitcoinWidget;
  </code></pre>
  
  <p>Any thoughts? </p>