Merge pull request #16 from oslabs-beta/paused-feature

Change default setting of tab to "Locked"

Author: ElDuke717

src/app/__tests__/ButtonContainer.test.tsx

@@ -24,7 +24,7 @@ describe('Unit testing for ButtonContainer', () => {
         sliderIndex: 0,
         viewIndex: -1,
         mode: {
-          paused: false,
+          paused: true,
           locked: false,
         },
       },
@@ -45,15 +45,16 @@ describe('Unit testing for ButtonContainer', () => {
     dispatch.mockClear();
     mockedUsedStoreContext.mockClear();
     currentTab.mode = {
-      paused: false,
+      paused: true,
+      persist: false,
     };
   });
 
   describe('When button container is loaded', () => {
     test('should have 4 buttons ', () => {
       render(<ButtonsContainer />);
       expect(screen.getAllByRole('button')).toHaveLength(4);
-      expect(screen.getAllByRole('button')[0]).toHaveTextContent('Unlocked');
+      expect(screen.getAllByRole('button')[0]).toHaveTextContent('Locked');
       expect(screen.getAllByRole('button')[1]).toHaveTextContent('Download');
       expect(screen.getAllByRole('button')[2]).toHaveTextContent('Upload');
       expect(screen.getAllByRole('button')[3]).toHaveTextContent('Tutorial');
@@ -62,9 +63,9 @@ describe('Unit testing for ButtonContainer', () => {
 
   describe('When view is unlock', () => {
     test('Button should show as unlocked', () => {
-      state.tabs['87'].mode.paused = true;
+      state.tabs['87'].mode.paused = false;
       render(<ButtonsContainer />);
-      expect(screen.getAllByRole('button')[0]).toHaveTextContent('Locked');
+      expect(screen.getAllByRole('button')[0]).toHaveTextContent('Unlocked');
     });
   });