add jest-styled-components

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "jest-styled-components": "^4.0.0",
     "react": "^15.6.0",
     "react-dom": "^15.6.0",
     "react-test-renderer": "^15.5.4",
@@ -25,7 +26,7 @@
     "babel-preset-flow": "^6.23.0",
     "babel-preset-latest": "6.22.0",
     "babel-preset-react": "6.23.0",
-    "jest": "^16.0.1",
+    "jest": "^20.0.4",
     "react-scripts": "1.0.7"
   },
   "scripts": {

src/App.test.js

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
 import App from './App';
 import Foo from './components';
 import renderer from 'react-test-renderer';
+import 'jest-styled-components';
 
 it('renders without crashing', () => {
     const comp = renderer.create(<Foo>Hello</Foo>);

src/__snapshots__/App.test.js.snap

@@ -1,6 +1,13 @@
-exports[`test renders without crashing 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders without crashing 1`] = `
+.c0 {
+  color: blue;
+}
+
 <div
-  className="sc-bdVaJa fmDBXD">
+  className="c0"
+>
   Hello
 </div>
 `;