Merge pull request #14 from AndresMorelos/fix-test-suite

Fixing test suite and some lints.

Author: AndresMorelos

.eslintrc.yml

@@ -28,6 +28,7 @@ rules:
   radix: off
   func-names: off
   jsx-a11y/label-has-associated-control: off
+  no-param-reassign: off
 
   # RULES THAT WE SHOULD INVESTIGATE AND PROBABLY ENABLE]
   react/jsx-props-no-spreading: off
@@ -69,3 +70,5 @@ rules:
   react/jsx-filename-extension: off
   jsx-a11y/label-has-for: off
   jsx-a11y/anchor-is-valid: off
+settings:
+  import/resolver: webpack

__mocks__/@electron/remote.js

@@ -0,0 +1,10 @@
+module.exports = {
+  require: jest.fn((name) => {
+    if (name === 'electron-settings') {
+      return {
+        setSync: jest.fn(),
+        getSync: jest.fn(() => 'someSettings'),
+      };
+    }
+  })
+};

__mocks__/electron.js

@@ -1,15 +1,28 @@
+const { encryptData, decryptData } = require('../test/helper');
+
 module.exports = {
   app: jest.fn(),
   ipcRenderer: {
     send: jest.fn(),
     on: jest.fn(),
+    sendSync: jest.fn((name, { message, content }) => {
+      if (name === 'encrypt-data') {
+        const dataEncrypted = encryptData({ message });
+        return dataEncrypted;
+      }
+
+      if (name === 'decrypt-data') {
+        const dataDecrypted = decryptData({ content });
+        return dataDecrypted;
+      }
+    }),
   },
   remote: {
-    require: jest.fn(name => {
+    require: jest.fn((name) => {
       if (name === 'electron-settings') {
         return {
-          set: jest.fn(),
-          get: jest.fn(() => 'someSettings'),
+          setSync: jest.fn(),
+          getSync: jest.fn(() => 'someSettings'),
         };
       }
     }),

__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = {}

__mocks__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {}

__mocks__/uuid.js

@@ -0,0 +1,3 @@
+module.exports = {
+    v4: () => 'id-string'
+}

__mocks__/uuid/v4.js

@@ -2,29 +2,29 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-const ipc = require('electron').ipcRenderer;
 
 // Actions
+import AppNav from '@components/layout/AppNav';
+import AppMain from '@components/layout/AppMain';
+import AppNoti from '@components/layout/AppNoti';
+import AppUpdate from '@components/layout/AppUpdate';
+import { AppWrapper, LoginWrapper } from '@components/shared/Layout';
 import * as UIActions from './actions/ui';
 import * as FormActions from './actions/form';
 import * as SettingsActions from './actions/settings';
 import * as InvoicesActions from './actions/invoices';
 import * as ContactsActions from './actions/contacts';
 
 // Components
-import AppNav from '@components/layout/AppNav';
-import AppMain from '@components/layout/AppMain';
-import AppNoti from '@components/layout/AppNoti';
-import AppUpdate from '@components/layout/AppUpdate';
-import { AppWrapper, LoginWrapper } from '@components/shared/Layout';
 
-//Reducers
+// Reducers
 import { getSecretKey } from './reducers/LoginReducer'
 import Login from './containers/Login';
 
 import windowStateKeeper from '../helpers/windowStateKeeper';
 import resize from './helpers/resize'
 import { Notify } from '../helpers/notify'
+const ipc = require('electron').ipcRenderer;
 
 // Components
 class App extends PureComponent {
@@ -38,7 +38,7 @@ class App extends PureComponent {
   componentDidMount() {
     const { dispatch } = this.props;
     // Get All Data
-    dispatch(SettingsActions.getInitalSettings());
+    dispatch(SettingsActions.getInitialSettings());
     // Add Event Listener
     ipc.on('menu-change-tab', (event, tabName) => {
       this.changeTab(tabName);

app/App.jsx

@@ -1,8 +1,8 @@
 import * as ACTION_TYPES from '../../constants/actions';
 import * as actions from '../settings';
 
-it('getInitalSettings should create GET_INITIAL_SETTINGS action', () => {
-  expect(actions.getInitalSettings()).toEqual({
+it('getInitialSettings should create GET_INITIAL_SETTINGS action', () => {
+  expect(actions.getInitialSettings()).toEqual({
     type: ACTION_TYPES.SETTINGS_GET_INITIAL,
   });
 });

app/actions/__tests__/settings.spec.js

@@ -1,5 +1,5 @@
-import * as ACTION_TYPES from '../constants/actions.jsx';
 import { createAction } from 'redux-actions';
+import * as ACTION_TYPES from '../constants/actions.jsx';
 
 // Get All Contacts
 export const getAllContacts = createAction(ACTION_TYPES.CONTACT_GET_ALL);

app/actions/contacts.jsx

@@ -1,5 +1,5 @@
-import * as ACTION_TYPES from '../constants/actions.jsx';
 import { createAction } from 'redux-actions';
+import * as ACTION_TYPES from '../constants/actions.jsx';
 
 // Recipient
 export const updateRecipient = createAction(

app/actions/form.jsx

@@ -1,5 +1,5 @@
-import * as ACTION_TYPES from '../constants/actions.jsx';
 import { createAction } from 'redux-actions';
+import * as ACTION_TYPES from '../constants/actions.jsx';
 
 export const getInvoices = createAction(ACTION_TYPES.INVOICE_GET_ALL);
 

app/actions/invoices.jsx

@@ -1,5 +1,5 @@
-import * as ACTION_TYPES from '../constants/actions.jsx'
 import { createAction } from 'redux-actions';
+import * as ACTION_TYPES from '../constants/actions.jsx'
 
 export const getSecretKey = createAction(ACTION_TYPES.LOGIN_GET_SECRET);
 

app/actions/login.jsx

@@ -1,8 +1,8 @@
-import * as ACTION_TYPES from '../constants/actions.jsx';
 import { createAction } from 'redux-actions';
+import * as ACTION_TYPES from '../constants/actions.jsx';
 
 // Get Initial Settings
-export const getInitalSettings = createAction(
+export const getInitialSettings = createAction(
   ACTION_TYPES.SETTINGS_GET_INITIAL
 );
 

app/actions/settings.jsx

@@ -1,5 +1,5 @@
-import * as ACTION_TYPES from '../constants/actions.jsx';
 import { createAction } from 'redux-actions';
+import * as ACTION_TYPES from '../constants/actions.jsx';
 
 // Change Active Tab
 export const changeActiveTab = createAction(

app/actions/ui.jsx

@@ -1,4 +1,5 @@
 // Libs
+import 'jsdom-global/register';
 import React from 'react';
 import { shallow, mount } from 'enzyme';
 import renderer from 'react-test-renderer';

app/components/contacts/__tests__/Contact.spec.js

@@ -2,36 +2,36 @@
 
 exports[`Renders correctly to the DOM matches snapshot 1`] = `
 <tr
-  className="Table__TRStyle-gHmqLx BngTM"
+  className="Table__TRStyle-sc-vcm0yz-4 fRFFvW"
 >
   <td
-    className="Table__TDStyle-cAmfHP hlnQVD"
+    className="Table__TDStyle-sc-vcm0yz-5 diKbJX"
   >
     Jon Snow
   </td>
   <td
-    className="Table__TDStyle-cAmfHP jrRCak"
+    className="Table__TDStyle-sc-vcm0yz-5 gCUxXq"
   >
     jon@snow.hbo
   </td>
   <td
-    className="Table__TDStyle-cAmfHP jrRCak"
+    className="Table__TDStyle-sc-vcm0yz-5 gCUxXq"
   >
     000-000-000
   </td>
   <td
-    className="Table__TDStyle-cAmfHP evw"
+    className="Table__TDStyle-sc-vcm0yz-5 VeXuP"
   >
     <button
-      className="Button__ButtonLinkStyle-caVwCA lhMtRH"
+      className="Button__ButtonLinkStyle-sc-lvp9e-1 bwiUrL"
       onClick={[Function]}
     >
       <i
         className="ion-plus-round"
       />
     </button>
     <button
-      className="Button__ButtonLinkStyle-caVwCA gvxXrI"
+      className="Button__ButtonLinkStyle-sc-lvp9e-1 jxxsjo"
       onClick={[Function]}
     >
       <i

app/components/contacts/__tests__/__snapshots__/Contact.spec.js.snap

@@ -1,9 +1,8 @@
 // Libs
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-const appConfig = require('@electron/remote').require('electron-settings');
-import currencies from '../../../libs/currencies.json';
 import { keys, sortBy, isEqual } from 'lodash';
+import currencies from '../../../libs/currencies.json';
 
 // Custom Components
 import { Section, Header } from '../shared/Section';

app/components/form/Currency.jsx

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import { isEmpty } from 'lodash';
 
 // Custom Components
+import styled from 'styled-components';
 import { Section } from '../shared/Section';
 
 // Animation
 import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 
 // Styles
-import styled from 'styled-components';
 const DiscountWrapper = styled.div`
   display: flex;
   flex-direction: column;

app/components/form/Discount.jsx

@@ -9,8 +9,8 @@ import 'react-dates/lib/css/_datepicker.css'
 import { SingleDatePicker } from 'react-dates';
 
 // Styles
-import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 import styled from 'styled-components';
+import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 const Container = styled.div`
   display: flex;
   margin-bottom: 20px;

app/components/form/DueDatePicker.jsx

@@ -3,8 +3,8 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 // Styles
-import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 import styled from 'styled-components';
+import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 const Container = styled.div`
   display: flex;
   margin-bottom: 20px;

app/components/form/DueDateTerms.jsx

@@ -3,13 +3,13 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
 // Custom Components
+import styled from 'styled-components';
 import { Section } from '../shared/Section';
 
 // Animation
 import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 
 // Styles
-import styled from 'styled-components';
 const NoteContent = styled.textarea`
   min-height: 36px;
   border-radius: 4px;

app/components/form/InvoiceID.jsx

@@ -4,10 +4,10 @@ import PropTypes from 'prop-types';
 import { compose } from 'recompose';
 
 // HOCs
+import styled from 'styled-components';
 import _withDraggable from './hoc/_withDraggable';
 
 // Styles
-import styled from 'styled-components';
 
 const ItemDiv = styled.div`
   position: relative;

app/components/form/ItemRow.jsx

@@ -7,11 +7,12 @@ import { withTranslation } from 'react-i18next';
 import { compose } from 'recompose';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
+import TransitionList from '@components/shared/TransitionList';
+import styled from 'styled-components';
 import * as Actions from '../../actions/form.jsx';
 import { getRows } from '../../reducers/FormReducer';
 
 // DragNDrop
-import TransitionList from '@components/shared/TransitionList';
 import _withDragNDrop from './hoc/_withDragNDrop';
 
 // Custom Component
@@ -20,7 +21,6 @@ import { Section } from '../shared/Section';
 import ItemRow from './ItemRow.jsx';
 
 // Styled Components
-import styled from 'styled-components';
 
 const ItemsListWrapper = styled.div`
   position: relative;

app/components/form/ItemsList.jsx

@@ -3,13 +3,13 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 // Custom Components
+import styled from 'styled-components';
 import { Section } from '../shared/Section';
 
 // Animation
 import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 
 // Styles
-import styled from 'styled-components';
 const NoteContent = styled.textarea`
   min-height: 36px;
   border-radius: 4px;

app/components/form/Note.jsx

@@ -3,13 +3,13 @@ import PropTypes from 'prop-types';
 import { isEqual } from 'lodash';
 
 // Custom Components
+import styled from 'styled-components';
 import { Section, Header } from '../shared/Section';
 
 // Animation
 import _withFadeInAnimation from '../shared/hoc/_withFadeInAnimation';
 
 // Styles
-import styled from 'styled-components';
 const PaymentContent = styled.textarea`
   min-height: 36px;
   border-radius: 4px;