main container testing

Author: mylee1995

package-lock.json

@@ -62,6 +62,7 @@
     "react-html-parser": "^2.0.2",
     "react-json-tree": "^0.11.2",
     "react-router-dom": "^5.0.1",
-    "react-select": "^3.0.4"
+    "react-select": "^3.0.4",
+    "sinon-chrome": "^3.0.1"
   }
 }

package.json

@@ -1,19 +1,18 @@
 /* eslint-disable react/jsx-filename-extension */
 
 import { shallow, configure } from 'enzyme';
-import React from 'react';
+import React, { useState } from 'react';
 import Adapter from 'enzyme-adapter-react-16';
 import MainContainer from '../containers/MainContainer';
 import { useStoreContext } from '../store';
-import { 
-  addNewSnapshots, initialConnect, setPort
-} from '../actions/actions';
+
 import HeadContainer from '../containers/HeadContainer';
 import ActionContainer from '../containers/ActionContainer';
 import StateContainer from '../containers/StateContainer';
 import TravelContainer from '../containers/TravelContainer';
 import ButtonsContainer from '../containers/ButtonsContainer';
-import Action from '../components/Action';
+
+const chrome = require('sinon-chrome');
 
 configure({ adapter: new Adapter() });
 
@@ -29,27 +28,34 @@ const state = {
 };
 
 const dispatch = jest.fn();
-
 jest.mock('../store');
 useStoreContext.mockImplementation(() => [state, dispatch]);
 
 let wrapper;
+// global.chrome = chrome;
+const setnpm = jest.fn();
+
+
 
 beforeEach(() => {
   wrapper = shallow(<MainContainer />);
+  chrome.runtime.connect = () => {}
+  console.log(chrome.runtime.connect);
+  chrome.runtime.onMessage.dispatch({action: 'initialConnectSnapshots', payload: []});
   useStoreContext.mockClear();
   dispatch.mockClear();
 });
 
 describe('MainContainer rendering', () => {
-  test('With no connection, shouldn not render any containers', () => {
+  test('With no connection, should not render any containers', () => {
+    expect(wrapper.text()).toEqual('please install our npm package in your app');
     expect(wrapper.find(HeadContainer).length).toBe(0);
     expect(wrapper.find(ActionContainer).length).toBe(0);
     expect(wrapper.find(StateContainer).length).toBe(0);
     expect(wrapper.find(TravelContainer).length).toBe(0);
     expect(wrapper.find(ButtonsContainer).length).toBe(0);
   });
-  test('With connection established, should render All containers', () => {
+  test('With connection established, should render all containers', () => {
     expect(wrapper.find(HeadContainer).length).toBe(1);
     expect(wrapper.find(ActionContainer).length).toBe(1);
     expect(wrapper.find(StateContainer).length).toBe(1);

src/app/__tests__/MainContainer.test.js

@@ -32,6 +32,7 @@ function MainContainer() {
           break;
         }
         case 'initialConnectSnapshots': {
+          console.log('connection received')
           dispatch(initialConnect(payload));
           setnpm(true);
           break;