Merge 4c2b78c into 9666159

.env.sample

@@ -1,4 +1,4 @@
 PORT = 5000
 REACT_APP_URL_BACKEND = http://localhost:3000
 REACT_APP_URL_FRONTEND = http://localhost:5000
-REACT_APP_IMAGE_BASE_URL = REACT_APP_IMAGE_BASE_URL
+REACT_APP_IMAGE_BASE_URL = REACT_APP_IMAGE_BASE_URL

package.json

@@ -12,7 +12,7 @@
     "cover": "CI=true react-scripts test \"-- --coverage\"",
     "coveralls": "cat coverage/lcov.info | coveralls",
     "eject": "react-scripts eject",
-    "lint": "./node_modules/.bin/eslint . --fix"
+    "lint": "eslint . --fix"
   },
   "dependencies": {
     "@emotion/core": "^10.0.14",
@@ -84,5 +84,18 @@
       "!<rootDir>/coverage/**/*.*",
       "!<rootDir>/build/**/*.*"
     ]
-  }
+  },
+  "description": "# Badges",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andela/ninjas-ah-frontend.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/andela/ninjas-ah-frontend/issues"
+  },
+  "homepage": "https://github.com/andela/ninjas-ah-frontend#readme"
 }

src/__mocks__/notification.js

@@ -12,5 +12,7 @@ export default (Object.notification = {
         on: ['publish', 'comment']
       }
     }
-  }
+  },
+  updateNotificationConfiguration: { loading: false, message: '', errors: {} },
+  getNotificationConfiguration: { loading: false, message: '', errors: {} }
 });

src/__mocks__/notificationUpdate.js

@@ -0,0 +1,17 @@
+export default (Object.notification = {
+  configuration: {
+    inApp: {
+      articles: {
+        show: true,
+        on: ['publish', 'comment']
+      }
+    },
+    email: {
+      articles: {
+        show: true,
+        on: ['publish', 'comment']
+      }
+    }
+  },
+  updateNotificationConfiguration: { loading: false, message: '', errors: {} }
+});

src/__tests__/components/Notification/Notification.test.js

@@ -1,21 +1,23 @@
 import React from 'react';
-import Enzyme, { mount } from 'enzyme';
-import EnzymeAdapter from 'enzyme-adapter-react-16';
 import { Provider } from 'react-redux';
 import { MemoryRouter } from 'react-router-dom';
-import { mockStore, initialState } from '../../../__mocks__/store';
-import notification from '../../../__mocks__/notification';
+import thunk from 'redux-thunk';
+import configureMockStore from 'redux-mock-store';
+import { mount } from '../../../../config/enzymeConfig';
+import config from '../../../__mocks__/notification';
 import Notification from '../../../components/Profile/Settings/NotificationsComponent/Notification';
+import { initialState } from '../../../__mocks__/store';
 
-Enzyme.configure({ adapter: new EnzymeAdapter() });
-
+const mockStore = configureMockStore([thunk]);
 const props = {
-  notification: { alias: 'email' },
-  createOne: jest.fn()
+  config: { alias: 'email' },
+  createNotificationConfiguration: jest.fn(),
+  updateNotificationConfiguration: jest.fn()
 };
+
 const store = mockStore({
   ...initialState,
-  notificationReducer: notification
+  config
 });
 
 describe('Notification test', () => {
@@ -37,4 +39,14 @@ describe('Notification test', () => {
     wrapper.find('button[id="save"]').simulate('click');
     expect(wrapper.find('button[id="save"]').length).toBe(1);
   });
+  it('should create default configurations', () => {
+    window.localStorage.setItem('token', 'token');
+    const wrapper = mount(<Provider store={store}>
+        <MemoryRouter>
+          <Notification store={store} {...props} />
+        </MemoryRouter>
+      </Provider>);
+    wrapper.find('button[id="save"]').simulate('click');
+    expect(wrapper.find('button[id="save"]').length).toBe(1);
+  });
 });

src/__tests__/components/Notification/NotificationHeader.test.js

@@ -1,33 +1,41 @@
 import React from 'react';
-import Enzyme, { mount } from 'enzyme';
-import EnzymeAdapter from 'enzyme-adapter-react-16';
 import { Provider } from 'react-redux';
+import { MemoryRouter } from 'react-router-dom';
 import thunk from 'redux-thunk';
 import configureMockStore from 'redux-mock-store';
-import notification from '../../../__mocks__/notification';
+import { mount } from '../../../../config/enzymeConfig';
+import config from '../../../__mocks__/notification';
 import NotificationHeader from '../../../components/Profile/Settings/NotificationsComponent/NotificationHeader';
+import { initialState } from '../../../__mocks__/store';
 
-Enzyme.configure({ adapter: new EnzymeAdapter() });
 const mockStore = configureMockStore([thunk]);
 const props = {
-  notification: { alias: 'email' },
-  createOne: jest.fn()
+  config: { alias: 'email' },
+  createNotificationConfiguration: jest.fn(),
+  updateNotificationConfiguration: jest.fn()
 };
 describe('Notification test', () => {
   let store;
   beforeEach(() => {
-    store = mockStore({ notificationReducer: notification });
+    store = mockStore({
+      ...initialState,
+      config
+    });
   });
   test('renders without an error', () => {
     const wrapper = mount(<Provider store={store}>
-        <NotificationHeader store={store} {...props} />
+        <MemoryRouter>
+          <NotificationHeader store={store} {...props} />
+        </MemoryRouter>
       </Provider>);
     expect(wrapper.find('input').length).toBe(2);
   });
 
   it('should call toggleNotificationType', () => {
     const wrapper = mount(<Provider store={store}>
-        <NotificationHeader store={store} {...props} />
+        <MemoryRouter>
+          <NotificationHeader store={store} {...props} />
+        </MemoryRouter>
       </Provider>);
 
     wrapper.find('input[data-test="inApp"]').simulate('change');

src/__tests__/components/Notification/NotificationOption.test.js → src/__tests__/components/Notification/NotificationOptions.test.js

@@ -1,13 +1,11 @@
 import React from 'react';
-import Enzyme, { mount } from 'enzyme';
-import EnzymeAdapter from 'enzyme-adapter-react-16';
 import { Provider } from 'react-redux';
 import thunk from 'redux-thunk';
 import configureMockStore from 'redux-mock-store';
+import { mount } from '../../../../config/enzymeConfig';
 import notification from '../../../__mocks__/notification';
 import NotificationOptions from '../../../components/Profile/Settings/NotificationsComponent/NotificationOptions';
 
-Enzyme.configure({ adapter: new EnzymeAdapter() });
 const mockStore = configureMockStore([thunk]);
 const props = {
   notification: { alias: 'email' },
@@ -16,7 +14,7 @@ const props = {
 describe('Notification test', () => {
   let store;
   beforeEach(() => {
-    store = mockStore({ notificationReducer: notification });
+    store = mockStore({ notification });
   });
   test('renders without an error', () => {
     const wrapper = mount(<Provider store={store}>
@@ -41,4 +39,20 @@ describe('Notification test', () => {
     inputs.map(input => input.simulate('change', { target: { value: 'comment', checked: true } }));
     expect(wrapper.find('input').length).toBe(4);
   });
+  it('should call onChange, and addOption', () => {
+    const wrapper = mount(<Provider store={store}>
+        <NotificationOptions store={store} {...props} />
+      </Provider>);
+    const inputs = wrapper.find('input');
+    inputs.map(input => input.simulate('change', { target: { value: 'comment', checked: true } }));
+    expect(wrapper.find('input').length).toBe(4);
+  });
+  it('should call onChange, and remove', () => {
+    const wrapper = mount(<Provider store={store}>
+        <NotificationOptions store={store} {...props} />
+      </Provider>);
+    const inputs = wrapper.find('input');
+    inputs.map(input => input.simulate('change', { target: { value: 'comment', checked: false } }));
+    expect(wrapper.find('input').length).toBe(4);
+  });
 });

src/__tests__/components/Routes.test.js

@@ -20,6 +20,14 @@ describe('<Routes />', () => {
       </Provider>);
     expect(component.find(Home)).toHaveLength(1);
   });
+  test('renders <Home /> without crashing', () => {
+    const component = mount(<Provider store={store}>
+        <MemoryRouter initialEntries={['/']}>
+          <Routes isAuth={true} />
+        </MemoryRouter>
+      </Provider>);
+    expect(component.find(Home)).toHaveLength(1);
+  });
 
   test('renders <SocialMediaAuth /> without crashing', () => {
     const component = mount(<Provider store={store}>

src/__tests__/reducers/notification/createConfiguration.test.js

@@ -0,0 +1,16 @@
+import notification from '../../../__mocks__/notification';
+import reducers from '../../../reducers';
+import initialState from '../../../store/initialStates/notification';
+import { notificationActionTypes } from '../../../actions-types';
+
+describe('Notification reducer', () => {
+  test('CREATE_NOTIFICATION_CONFIGURATION_SUCCESS', () => {
+    const reducer = reducers.notification(initialState, {
+      type: notificationActionTypes.CREATE_NOTIFICATION_CONFIGURATION_SUCCESS,
+      payload: { ...notification }
+    });
+
+    expect(reducer).toHaveProperty('config');
+    expect.objectContaining('config');
+  });
+});

src/__tests__/reducers/notification/getConfiguration.test.js

@@ -0,0 +1,40 @@
+import notification from '../../../__mocks__/notification';
+import reducers from '../../../reducers';
+import initialState from '../../../store/initialStates/notification';
+import { notificationActionTypes } from '../../../actions-types';
+
+describe('Notification reducers', () => {
+  test('GET_NOTIFICATION_CONFIGURATION_START', () => {
+    const reducer = reducers.notification(initialState, {
+      type: notificationActionTypes.GET_NOTIFICATION_CONFIGURATION_START,
+      payload: { loading: true }
+    });
+    expect(reducer.getNotificationConfiguration).toHaveProperty('loading');
+    expect(reducer.getNotificationConfiguration.loading).toBeTruthy();
+  });
+
+  test('GET_NOTIFICATION_CONFIGURATION_SUCCESS', () => {
+    const reducer = reducers.notification(initialState, {
+      type: notificationActionTypes.GET_NOTIFICATION_CONFIGURATION_SUCCESS,
+      payload: { ...notification }
+    });
+    expect(reducer).toHaveProperty('config');
+    expect.objectContaining('config');
+  });
+  test('GET_NOTIFICATION_CONFIGURATION_FAILURE', () => {
+    const reducer = reducers.notification(initialState, {
+      type: notificationActionTypes.GET_NOTIFICATION_CONFIGURATION_FAILURE,
+      payload: { errors: false }
+    });
+    expect(reducer.getNotificationConfiguration).toHaveProperty('errors');
+  });
+
+  test('GET_NOTIFICATION_CONFIGURATION_END', () => {
+    const reducer = reducers.notification(initialState, {
+      type: notificationActionTypes.GET_NOTIFICATION_CONFIGURATION_END,
+      payload: { loading: false }
+    });
+    expect(reducer.getNotificationConfiguration).toHaveProperty('loading');
+    expect(reducer.getNotificationConfiguration.loading).toBeFalsy();
+  });
+});

src/__tests__/reducers/notification/resetNotificationOptions.test.js

@@ -0,0 +1,49 @@
+import notification from '../../../__mocks__/notification';
+import reducers from '../../../reducers';
+import initialState from '../../../store/initialStates/notification';
+import { notificationActionTypes } from '../../../actions-types';
+
+describe('Notification reducer', () => {
+  test('TOGGLE_NOTIFICATION_TYPE', () => {
+    Object.keys(notification.config).map((key) => {
+      const reducer = reducers.notification(initialState, {
+        type: notificationActionTypes.TOGGLE_NOTIFICATION_CONFIGURATION_TYPE,
+        payload: key
+      });
+      expect(reducer).toHaveProperty('config');
+      expect.objectContaining('config');
+    });
+  });
+
+  test('ADD_OPTION', () => {
+    Object.keys(notification.config).map((type, option) => {
+      const reducer = reducers.notification(initialState, {
+        type: notificationActionTypes.ADD_OPTION,
+        payload: { option, type }
+      });
+      expect(reducer).toHaveProperty('config');
+      expect.objectContaining('config');
+    });
+  });
+
+  test('REMOVE_OPTION', () => {
+    initialState.config.inApp.articles.on = ['publish', 'comment'];
+    Object.keys(notification.config).map((type, option) => {
+      const reducer = reducers.notification(initialState, {
+        type: notificationActionTypes.REMOVE_OPTION,
+        payload: { option: 'publish', type }
+      });
+      expect(reducer).toHaveProperty('config');
+      expect.objectContaining('config');
+    });
+  });
+  test('Default', () => {
+    const reducer = reducers.notification(initialState, {
+      type: null,
+      payload: null
+    });
+
+    expect(reducer).toHaveProperty('config');
+    expect.objectContaining([]);
+  });
+});