Merge pull request #59 from oslabs-beta/staging

Staging

Author: crperezt

src/app/__tests__/actionContainer.test.js renamed to src/app/__tests__/ActionContainer.test.tsx

@@ -8,6 +8,7 @@ import { useStoreContext } from '../store';
 import { emptySnapshots } from '../actions/actions';
 import Action from '../components/Action';
 
+
 configure({ adapter: new Adapter() });
 
 const state = {

src/app/__tests__/ButtonsContainer.test.js renamed to src/app/__tests__/ButtonsContainer.test.tsx

@@ -65,7 +65,6 @@ describe('testing the bottom buttons', () => {
     });
   });
 
-
   describe('lock button testing', () => {
     beforeEach(() => {
       wrapper.find('.lock-button').simulate('click');
@@ -106,4 +105,4 @@ describe('testing the bottom buttons', () => {
       expect(wrapper.find('.persist-button').text()).toBe('Unpersist');
     });
   });
-});
+});

src/app/__tests__/Chart.test.jsx renamed to src/app/__tests__/Chart.test.tsx

@@ -5,7 +5,8 @@
 import React from 'react';
 import { configure, mount } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import Chart from '../components/Chart';
+const Chart = require('../components/Chart').default;
+
 // Unit test cases for d3 functionality
 configure({ adapter: new Adapter() });
 // Test the life cycle methods in Chart

src/app/__tests__/Diff.test.jsx renamed to src/app/__tests__/Diff.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import Diff from '../components/Diff.jsx';
+const Diff = require('../components/Diff').default;
 
 import { useStoreContext } from '../store';
 
@@ -19,21 +19,21 @@ describe('Unit testing for Diff.jsx', () => {
       }],
 
     }],
-  }
+  };
 
   const state = {
     currentTab: 100,
     tabs: { 100: { snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1 } },
   };
 
-
   useStoreContext.mockImplementation(() => [state]);
 
   const delta = { children: {} }; // expect delta to be an obj
   const html = 'html'; // expect html to be a string
   const previous = { state: 'string', children: {} }; // expect previous to be an obj
 
   beforeEach(() => {
+    // eslint-disable-next-line react/jsx-props-no-spreading
     wrapper = shallow(<Diff {...props} />);
   });
 
@@ -69,5 +69,4 @@ describe('Unit testing for Diff.jsx', () => {
       expect(wrapper.textContent).not.toEqual('No state change detected. Trigger an event to change state');
     });
   });
-
 });

src/app/__tests__/DiffRoute.test.jsx renamed to src/app/__tests__/DiffRoute.test.tsx

@@ -4,8 +4,7 @@ import Adapter from 'enzyme-adapter-react-16';
 import {
   MemoryRouter as Router, Route, NavLink, Switch,
 } from 'react-router-dom';
-
-import DiffRoute from '../components/DiffRoute.jsx';
+const DiffRoute = require('../components/DiffRoute').default;
 
 const props = {
   snapshot: [{}],

src/app/__tests__/MainContainer.test.js renamed to src/app/__tests__/MainContainer.test.tsx

@@ -2,21 +2,24 @@ import React from 'react';
 import Select from 'react-select';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import SwitchApp from '../components/SwitchApp.jsx';
+import SwitchApp from '../components/SwitchApp';
 
 import { useStoreContext } from '../store';
 
 configure({ adapter: new Adapter() });
 
 jest.mock('../store');
 
-
 describe('Unit testing for SwitchApp.jsx', () => {
   let wrapper;
 
   const state = {
     currentTab: 100,
-    tabs: { 100: { snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1, title: 'component'} },
+    tabs: {
+      100: {
+        snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1, title: 'component',
+      },
+    },
   };
   const dropdownCurrTabLabel = {
     value: 100,
@@ -45,7 +48,7 @@ describe('Unit testing for SwitchApp.jsx', () => {
     });
     it('OnChange should run dispatch function', () => {
       expect(dispatch.mock.calls.length).toBe(1);
-    })
+    });
     it('options prop should be an array', () => {
       expect(Array.isArray(wrapper.find('.tab-select-container').props().options)).toBeTruthy();
       expect(wrapper.find('.tab-select-container').props().options[0]).toHaveProperty('value');