current version of switchapp test jsx

Author: nmwenz90

src/app/__tests__/SwitchApp.test.jsx

@@ -16,33 +16,50 @@ 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 tabsArray = [{ value: 100, label: {} }];
+  const dropdownCurrTabLabel = {
     value: 100,
     label: {},
   };
-
+  // 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 />);
   });
 
-  describe('currentTab', () => {
+  describe('SwitchApp Component', () => {
+    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(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');
+      expect(wrapper.find('.tab-select-container').props()).toEqual(state.currentTab.value);
+    });
+  })
+
+  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');
+    });
+  });
+
+  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');
     });
   });
 
-// 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
+  // options should be an array
+  // value prop should be equal to a number
+  // check if onChange if the function runs
 })