Merge pull request #178 from aquinojardim/master

Correct Tests, Typescript and ESlint errs

Author: crperezt

package.json

@@ -3,7 +3,7 @@
   "description": "build web extension bundle.js",
   "jest": {
     "transform": {
-      ".(ts|tsx)": "ts-jest"
+      "^.+\\.(js|ts|tsx)$": "ts-jest"
     },
     "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
     "moduleFileExtensions": [

src/app/__tests__/ActionContainer.test.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react/jsx-filename-extension */
 
 import { shallow, configure } from 'enzyme';
@@ -8,8 +9,7 @@ import { useStoreContext } from '../store';
 import { emptySnapshots } from '../actions/actions';
 import Action from '../components/Action';
 
-
-configure({ adapter: new Adapter() });
+configure({ adapter: new (Adapter as any)() });
 
 const state = {
   tabs: {

src/app/__tests__/ButtonsContainer.test.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react/jsx-filename-extension */
 import { shallow, configure } from 'enzyme';
 import React from 'react';
@@ -6,7 +7,7 @@ import ButtonsContainer from '../containers/ButtonsContainer';
 import { useStoreContext } from '../store';
 import { toggleMode } from '../actions/actions';
 
-configure({ adapter: new Adapter() });
+configure({ adapter: new (Adapter as any)() });
 
 const state = {
   tabs: {
@@ -105,4 +106,4 @@ describe('testing the bottom buttons', () => {
       expect(wrapper.find('.persist-button').text()).toBe('Unpersist');
     });
   });
-});
+});

src/app/__tests__/Chart.test.tsx

@@ -1,14 +1,18 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable react/jsx-props-no-spreading */
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable import/no-named-as-default-member */
 /* eslint-disable import/no-named-as-default */
 import React from 'react';
 import { configure, mount } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
+
 const Chart = require('../components/Chart').default;
 
 // Unit test cases for d3 functionality
-configure({ adapter: new Adapter() });
+configure({ adapter: new (Adapter as any)() });
+
 // Test the life cycle methods in Chart
 describe('Life cycle methods in Chart', () => {
   let wrapper;

src/app/__tests__/Diff.test.tsx

@@ -1,11 +1,13 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-var-requires */
 import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-const Diff = require('../components/Diff').default;
-
 import { useStoreContext } from '../store';
 
-configure({ adapter: new Adapter() });
+const Diff = require('../components/Diff').default;
+
+configure({ adapter: new (Adapter as any)() });
 
 jest.mock('../store');
 

src/app/__tests__/DiffRoute.test.tsx

@@ -1,17 +1,17 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-var-requires */
 import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import {
-  MemoryRouter as Router, Route, NavLink, Switch,
-} from 'react-router-dom';
+import { MemoryRouter as Router, Switch } from 'react-router-dom';
+
 const DiffRoute = require('../components/DiffRoute').default;
 
 const props = {
   snapshot: [{}],
 };
 
-
-configure({ adapter: new Adapter() });
+configure({ adapter: new (Adapter as any)() });
 let wrapper;
 
 describe('DiffRoute props', () => {

src/app/__tests__/MainContainer.test.tsx

@@ -1,3 +1,6 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable react/jsx-filename-extension */
 import { shallow, configure } from 'enzyme';
 import React from 'react';
@@ -13,7 +16,7 @@ import ButtonsContainer from '../containers/ButtonsContainer';
 
 const chrome = require('sinon-chrome');
 
-configure({ adapter: new Adapter() });
+configure({ adapter: new (Adapter as any)() });
 
 const state = {
   tabs: {},

src/app/__tests__/action.test.tsx

@@ -1,16 +1,20 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable react/jsx-props-no-spreading */
 import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import Action from '../components/Action';
 import { changeView, changeSlider } from '../actions/actions';
 
-configure({ adapter: new Adapter() });
+const Action = require('../components/Action').default;
+
+configure({ adapter: new (Adapter as any)() });
 
 describe('unit testing for Action.jsx', () => {
   let wrapper;
   const props = {
-    key:'actions2',
+    key: 'actions2',
     selected: true,
     last: false,
     index: 2,

src/app/__tests__/dropdown.test.tsx

@@ -1,11 +1,14 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable react/jsx-props-no-spreading */
 /* eslint-disable react/jsx-filename-extension */
 import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import Dropdown from '../components/Dropdown';
 
-configure({ adapter: new Adapter() });
+const Dropdown = require('../components/Dropdown').default;
+
+configure({ adapter: new (Adapter as any)() });
 
 describe('unit testing for Dropdown.jsx', () => {
   let wrapper;

src/app/__tests__/index.test.tsx

@@ -1,8 +1,10 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from '../components/App';
+
+const App = require('../components/App').default;
 
 it('renders without crashing', () => {
   const root = document.createElement('root');
   ReactDOM.render(<App />, root);
-})
+});