Fix laggy counting (#15)

* Fix laggy counting

* Fixed test

Author: flextremedev

src/App.test.js

@@ -6,21 +6,16 @@ import { makeAdvanceTime } from './utils/test-utils/makeAdvanceTime';
 import { makeAdvanceDateNowBy } from './utils/test-utils/makeAdvanceDateNowBy';
 jest.useFakeTimers();
 const startDate = 1587574443099;
-const load = jest.fn();
 const play = jest.fn();
 
-HTMLMediaElement.prototype.load = load;
 HTMLMediaElement.prototype.play = play;
 describe('App', () => {
-  let load;
   let play;
   afterEach(() => {
     cleanup();
   });
   beforeEach(() => {
-    load = jest.fn();
     play = jest.fn();
-    HTMLMediaElement.prototype.load = load;
     HTMLMediaElement.prototype.play = play;
   });
   it('should run intervals correctly', () => {
@@ -104,7 +99,6 @@ describe('App', () => {
     for (let i = Number(workSecondsValue); i > 0; i--) {
       workSecondsCountDown.next(timeLeft.value);
     }
-    expect(load).toHaveBeenCalledTimes(15);
     expect(play).toHaveBeenCalledTimes(15);
   });
   it('should stop interval when clicking button again', () => {
@@ -161,7 +155,6 @@ describe('App', () => {
       prepSecondsCountDown.next(timeLeft.value);
     }
     fireEvent.click(startButton);
-    expect(load).toHaveBeenCalledTimes(2);
     expect(play).toHaveBeenCalledTimes(2);
   });
 });

src/hooks/useWorkoutTimer.js

@@ -64,10 +64,8 @@ export function useWorkoutTimer() {
               const shouldGetReady =
                 status === Status.prework || status === Status.break;
               if (shouldGetReady) {
-                beepBreak.load();
                 beepBreak.play();
               } else {
-                beepWork.load();
                 beepWork.play();
               }
             }
@@ -82,23 +80,21 @@ export function useWorkoutTimer() {
               statusRef.current === Status.work && roundsLeftRef.current > 0;
 
             if (shouldSwitchToWork) {
-              beepBreakLong.load();
               beepBreakLong.play();
               setStatus(Status.work);
               setTimeLeft(workInterval);
               setRoundsLeft(prevRoundsLeft => prevRoundsLeft - 1);
             } else if (shouldSwitchToRest) {
               setStatus(Status.break);
               setTimeLeft(breakInterval);
-              beepWorkLong.load();
               beepWorkLong.play();
             } else {
               setStatus(Status.stopped);
               clearInterval(interval);
             }
           }
         }
-      }, 100);
+      }, 5);
     }
     return () => {
       clearInterval(interval);