Merge pull request #51 from nmwenz90/diffroute

DiffRoute

Author: crperezt

src/app/__tests__/DiffRoute.test.jsx

@@ -0,0 +1,45 @@
+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 DiffRoute from '../components/DiffRoute.jsx';
+
+const props = {
+  snapshot: [{}],
+};
+
+
+configure({ adapter: new Adapter() });
+let wrapper;
+
+describe('DiffRoute props', () => {
+  it('should have a property called snapshot', () => {
+    expect(props).toHaveProperty('snapshot');
+  });
+  it('props snapshot value should be an array', () => {
+    expect(Array.isArray(props.snapshot)).toBe(true);
+  });
+});
+
+describe('DiffRoute component', () => {
+  beforeEach(() => {
+    wrapper = shallow(<DiffRoute />);
+  });
+  it('should contain a router component', () => {
+    expect(wrapper.find(Router).type()).toEqual(Router);
+  });
+  it('div tag in Router should have a classname "navbar', () => {
+    expect(wrapper.find('.navbar').type()).toBe('div');
+  });
+  it('router should have a switch component', () => {
+    expect(wrapper.find(Switch).type()).toEqual(Switch);
+  });
+});
+
+// remaining tests:
+// check if router component has a div with a navlik component
+// check if navlinks go to appropriate routes, and text shows Tree and Raw
+// check if routes in switch have appropriate props

src/app/__tests__/SwitchApp.test.jsx

@@ -16,33 +16,56 @@ describe('Unit testing for SwitchApp.jsx', () => {
 
   const state = {
     currentTab: 100,
-    tabs: { 100: { snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1 } },
+    tabs: { 100: { snapshots: [1, 2, 3, 4], viewIndex: 1, sliderIndex: 1, title: 'component'} },
   };
-  const tabsArray = [];
-  const currTab = {
+  const dropdownCurrTabLabel = {
     value: 100,
-    label: {},
+    label: 'component',
   };
-
+  // nate and edwin: mockImplementation creates a mock function call
   const dispatch = jest.fn();
-  useStoreContext.mockImplementation(() => [dispatch, state]);
+
+  // nate and edwin: mockImplementation creates a mock state
+  useStoreContext.mockImplementation(() => [state, dispatch]);
 
   beforeEach(() => {
     wrapper = shallow(<SwitchApp />);
+    dispatch.mockClear();
+  });
+
+  describe('SwitchApp Component', () => {
+    beforeEach(() => {
+      wrapper.find('.tab-select-container').simulate('change', {});
+    });
+    // console.log('dispatch mock calls', dispatch.mock.calls);
+    it('SwitchApp component returns <Select /> from react-select library', () => {
+      expect(wrapper.find('.tab-select-container').type()).toEqual(Select);
+      expect(wrapper.find('.tab-select-container').props().className).toBe('tab-select-container');
+      expect(wrapper.find('.tab-select-container').props().value).toEqual(dropdownCurrTabLabel);
+    });
+    it('OnChange should run dispatch function', () => {
+      expect(dispatch.mock.calls.length).toBe(1);
+    })
+    it('options prop should be an array', () => {
+      expect(Array.isArray(wrapper.find('.tab-select-container').props().options)).toBeTruthy();
+      expect(wrapper.find('.tab-select-container').props().options[0]).toHaveProperty('value');
+      expect(wrapper.find('.tab-select-container').props().options[0]).toHaveProperty('label');
+    });
   });
 
-  describe('currentTab', () => {
+  describe('dropdownCurrTabLabel', () => {
     it('should have properties value and label', () => {
-      expect(currTab).toHaveProperty('value');
-      expect(currTab).toHaveProperty('label');
+      expect(dropdownCurrTabLabel).toHaveProperty('value');
+      expect(dropdownCurrTabLabel).toHaveProperty('label');
     });
   });
 
-// check if currTab has properties value, label
-// currentTab should be a number
-// tab should be an object
-// check if onChange if the function runs
-// className should be tab-select-container
-// options should be an array
-// value prop should be equal to a number
-})       
+  describe('state', () => {
+    it('currentTab value should be a number', () => {
+      expect(typeof state.currentTab).toEqual('number');
+    });
+    it('tabs value should be an object', () => {
+      expect(typeof state.tabs).toEqual('object');
+    });
+  });
+});