rewrote actioncontainer tests

Author: rydang

babel.config.js

@@ -8,9 +8,9 @@ module.exports = {
         },
       },
     ],
-    ['@babel/preset-react'],
+    '@babel/preset-react',
   ],
-  plugins: [
-    ["@babel/plugin-proposal-decorators", { legacy: true }]
-  ]
+  // plugins: [
+  //   ['@babel/plugin-proposal-decorators', { legacy: true }],
+  // ],
 };

package-lock.json

@@ -42,8 +42,10 @@
     "jest": "^24.8.0",
     "jest-cli": "^24.8.0",
     "node-sass": "^4.12.0",
+    "proxyquire": "^2.1.2",
     "sass": "^1.22.9",
     "sass-loader": "^7.2.0",
+    "sinon": "^7.4.1",
     "style-loader": "^0.23.1",
     "webpack": "^4.39.1",
     "webpack-chrome-extension-reloader": "^1.3.0",

package.json

@@ -1,28 +1,50 @@
 /* eslint-disable react/jsx-filename-extension */
 
-import { shallow, configure } from 'enzyme';
+import { shallow, mount, configure } from 'enzyme';
 import React from 'react';
 import Adapter from 'enzyme-adapter-react-16';
 import ActionContainer from '../containers/ActionContainer';
-
+import { useStoreContext } from '../store';
+import { emptySnapshots } from '../actions/actions';
+import Action from '../components/Action';
 
 configure({ adapter: new Adapter() });
 
-const props = {
-  snapshots: [],
-  snapshotIndex: 1,
-  handleChangeSnapshot: jest.fn(),
-  handleJumpSnapshot: jest.fn(),
-  emptySnapshot: jest.fn(),
+const state = {
+  tabs: {
+    87: {
+      snapshots: [1,2,3,4],
+      sliderIndex: 0,
+      viewIndex: -1,
+    },
+  },
+  currentTab: 87,
 };
 
+const dispatch = jest.fn();
 
-describe('testing the emptySnapshot button', () => {
-  test.skip('emptySnapshot button should be called', () => {
-    const wrapper = shallow((<ActionContainer {...props} />));
+jest.mock('../store');
+useStoreContext.mockImplementation(() => [state, dispatch]);
 
-    wrapper.find('.empty-button').simulate('click');
+let wrapper;
 
-    expect(props.emptySnapshot).toHaveBeenCalled();
+beforeEach(() => {
+  wrapper = shallow(<ActionContainer />);
+  useStoreContext.mockClear();
+  dispatch.mockClear();
+});
+
+describe('testing the emptySnapshot button', () => {
+  test('emptySnapshot button should dispatch action upon click', () => {
+    wrapper.find('.empty-button').simulate('click');
+    expect(dispatch.mock.calls.length).toBe(1);
+  });
+  test('emptying snapshots should send emptySnapshot action to dispatch', () => {
+    wrapper.find('.empty-button').simulate('click');
+    expect(dispatch.mock.calls[0][0]).toEqual(emptySnapshots());
   });
 });
+
+test('number of actions should reflect snapshots array', () => {
+  expect(wrapper.find(Action).length).toBe(state.tabs[state.currentTab].snapshots.length);
+});