buttons container tests all passing

Author: garrettlchow

src/app/__tests__/ButtonContainer.test.tsx

@@ -138,24 +138,14 @@ global.URL.revokeObjectURL = jest.fn();
 
 describe('Unit testing for ButtonContainer', () => {
   const useDispatchMock = (useDispatch as unknown) as jest.Mock; // make the test run
-  // const useDispatchMock = useDispatch as jest.Mock; //getting a reference to the mock function you setup during jest.mock configuration on line 18
   const dummyDispatch = jest.fn(); //separate mock function created because we need to explicitly define on line 30 what
   useDispatchMock.mockReturnValue(dummyDispatch); //exactly useDispatchMock returns (which is a jest.fn())
   beforeEach;
 
   const currentTab = customInitialState.main.tabs[customInitialState.main.currentTab];
 
-  // const dispatch = jest.fn();
-  // const exportHandler = jest.fn().mockImplementation(() => 'clicked');
-  // const importHandler = jest.fn();
-  // const fileDownload = jest.fn();
-
-  // mockedUsedStoreContext.mockImplementation(() => [state, dispatch]);
-  // useStoreContext.mockImplementation(() => [state, dispatch]);
-
   beforeEach(() => {
-    // dispatch.mockClear();
-    // mockedUsedStoreContext.mockClear();
+
     currentTab.mode = {
       paused: true,
     };

src/app/__tests__/MainContainer.test.tsx

@@ -1,4 +1,3 @@
-//@ts-nocheck
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import MainContainer from '../containers/MainContainer';
@@ -16,8 +15,6 @@ const mockState = {
   },
 }; // End
 
-// const chrome = require('sinon-chrome');
-
 const mockActionContainer = jest.fn();
 jest.mock('../containers/ActionContainer', () => (props) => {
   mockActionContainer(props);
@@ -55,17 +52,17 @@ jest.mock('../../../node_modules/intro.js/introjs.css', () => jest.fn());
 useDispatch.mockReturnValue(dispatch);
 useSelector.mockImplementation((callback) => callback(mockState));
 
-// global.chrome = chrome;
-// const port = {
-//   onMessage: {
-//     addListener: () => {},
-//     hasListener: () => {},
-//   },
-//   onDisconnect: {
-//     addListener: () => {},
-//   },
-// };
-// chrome.runtime.connect.returns(port);
+global.chrome = chrome;
+const port = {
+  onMessage: {
+    addListener: () => {},
+    hasListener: () => {},
+  },
+  onDisconnect: {
+    addListener: () => {},
+  },
+};
+chrome.runtime.connect.returns(port);
 
 describe('With no snapshots, should not render any containers', () => {
   test('With no snapshots, ErrorContainer should render', () => {

src/app/__tests__/Tutorial.test.tsx

@@ -20,7 +20,7 @@ describe('Before Tutorial is entered', () => {
     expect(screen.getByText('Tutorial')).toBeInTheDocument();
   });
 
-  xtest('User clicking tutorial button while on map tab starts map tutorial ', () => {
+  test('User clicking tutorial button while on map tab starts map tutorial ', () => {
     props.currentTabInApp = 'map';
     render(<Tutorial {...props} />);
     fireEvent.click(screen.getByRole('button'));
@@ -29,28 +29,28 @@ describe('Before Tutorial is entered', () => {
     ).toBeInTheDocument();
   });
 
-  xtest('User clicking tutorial button while on performance tab starts performance tutorial ', () => {
+  test('User clicking tutorial button while on performance tab starts performance tutorial ', () => {
     props.currentTabInApp = 'performance';
     render(<Tutorial {...props} />);
     fireEvent.click(screen.getByRole('button'));
     expect(screen.getByText('Performance Tab')).toBeInTheDocument();
   });
 
-  xtest('User clicking tutorial button while on history tab starts history tutorial ', () => {
+  test('User clicking tutorial button while on history tab starts history tutorial ', () => {
     props.currentTabInApp = 'history';
     render(<Tutorial {...props} />);
     fireEvent.click(screen.getByRole('button'));
     expect(screen.getByText('History Tab')).toBeInTheDocument();
   });
 
-  xtest('User clicking tutorial button while on web metrics tab starts web metrics tutorial ', () => {
+  test('User clicking tutorial button while on web metrics tab starts web metrics tutorial ', () => {
     props.currentTabInApp = 'webmetrics';
     render(<Tutorial {...props} />);
     fireEvent.click(screen.getByRole('button'));
     expect(screen.getByText('Webmetrics Tab')).toBeInTheDocument();
   });
 
-  xtest('User clicking tutorial button while on tree tab starts tree tutorial ', () => {
+  test('User clicking tutorial button while on tree tab starts tree tutorial ', () => {
     props.currentTabInApp = 'tree';
     render(<Tutorial {...props} />);
     fireEvent.click(screen.getByRole('button'));