BigClickableButton component test

package.json

@@ -116,6 +116,7 @@
     "jsdom-global": "3.0.2",
     "lint-staged": "7.2.0",
     "loader-utils": "1.1.0",
+    "lolex": "3.0.0",
     "mixpanel-browser": "2.22.4",
     "moment": "2.22.2",
     "postcss-flexbugs-fixes": "3.2.0",

src/components/BigClickableButton/BigClickableButton.test.js

@@ -0,0 +1,30 @@
+/* eslint-disable flowtype/require-valid-file-annotation */
+import React from 'react';
+import { mount } from 'enzyme';
+import BigClickableButton from './BigClickableButton';
+// Use Lolex to mock setTimeout - later use Jest mock once PR https://github.com/facebook/jest/pull/5171 landed
+import lolex from 'lolex';
+
+describe('BigClickableButton component', () => {
+  let wrapper;
+  let button;
+  lolex.install(); // mock setTimeout
+
+  beforeEach(() => {
+    wrapper = mount(<BigClickableButton />);
+    button = wrapper.find('button');
+    jest.clearAllTimers();
+    button.simulate('mouseDown');
+  });
+
+  it('should render pressed', () => {
+    expect(wrapper.state('isActive')).toBeTruthy();
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render released', () => {
+    button.simulate('mouseUp');
+    expect(wrapper.state('isActive')).toBeFalsy();
+    expect(wrapper).toMatchSnapshot();
+  });
+});