Help with Pomodoro Project with React

#1

Hey guys, having some issues with test #8 on the Pomodoro Clock project.

8. I can see an element with corresponding id="time-left". NOTE: Paused or running, the value in this field should always be displayed in mm:ss format (i.e. 25:00).

I originally had an issue using a library, Moment.JS to convert from milliseconds to mm:ss, as it wrapped from 59:00 to 00:00 (due to using only mm:ss) so I’ve changed the method, and now 1 hour shows as 60:00.

The test still fails even though it looks like it’s working correctly.

Any help appreciated!

The code can be found here: https://github.com/duncanjbain/fcc_pomodoro_clock

Live demo found here: https://fcc-pomodoro-duncan.netlify.com/

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36.

Challenge: Build a Pomodoro Clock

#2

Does anyone know if there is a way to ‘manually’ run the FCC test suite tests? It’d be useful to set certain breakpoints to interrogate what the DOM shows vs. my React state etc, to try and narrow down why the test is failing!

#3

Solved!

I forgot to remove or add time to the current timer when incrementing or decrementing the session time.

    const HandleSessionDecrement = () => {
      if(sessionLength === 1 ) {
        return null;
      } else {
        SetSessionLength(sessionLength-1);
        ***SetTime(time + (60-1000));****
      }
    }
#4