WIP getting a react test working. Throws syntax error on svgs so need to maybe...

WIP getting a react test working. Throws syntax error on svgs so need to maybe configure jest to use existing webpack config instead which probably properly handles svgs.
- added additional plugins to get tests working

.babelrc

+{
+  "presets": [
+    "es2015",
+    "react"
+  ],
+  "plugins": [
+    "transform-es2015-destructuring",
+    "transform-object-rest-spread"
+  ]
+}
\ No newline at end of file

package.json

@@ -28,12 +28,14 @@
     "babel-core": "^6.23.1",
     "babel-eslint": "^7.1.1",
     "babel-loader": "^7.0.0",
+    "babel-plugin-transform-es2015-destructuring": "^6.23.0",
     "babel-plugin-transform-object-rest-spread": "^6.22.0",
     "babel-preset-es2015": "^6.22.0",
     "babel-preset-react": "^6.22.0",
     "classnames": "2.2.5",
     "copy-webpack-plugin": "4.0.1",
     "css-loader": "0.28.3",
+    "enzyme": "^2.8.2",
     "eslint": "^3.16.1",
     "eslint-config-scratch": "^3.0.0",
     "eslint-plugin-react": "^7.0.1",
@@ -60,6 +62,7 @@
     "react-redux": "5.0.5",
     "react-style-proptype": "3.0.0",
     "react-tabs": "1.0.0",
+    "react-test-renderer": "^15.5.4",
     "redux": "3.6.0",
     "redux-throttle": "0.1.1",
     "rimraf": "^2.6.1",

test/unit/green-flag.test.jsx

 /* eslint-env jest */
-// TODO: Import green flag and write tests.
+const React = require('react');
+const {shallow} = require('enzyme');
+// const GreenFlag = require('../../src/components/green-flag/green-flag');
+const GreenFlag = require('../../src/containers/green-flag');
+const renderer = require('react-test-renderer');
 
-test('adds 1 + 2 to equal 3', () => {
-  expect(1 + 2).toBe(3);
+describe('GreenFlag', () => {
+  test('renders active state', () => {
+    const component = renderer.create(
+        <GreenFlag active={true}/>
+    );
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+
+  test('triggers onClick when active', () => {
+    const onClick = jest.fn();
+    const component = shallow(
+        <GreenFlag active={true} onClick={onClick}/>
+    );
+    component.find('img').simulate('click');
+    expect(onClick).toHaveBeenCalled();
+  });
 });