Pomodoro Clock Test Case Methodology

Does anyone know how the pomodoro clock test case runs? I am currently failing the following test case:

13. When a session countdown reaches zero (NOTE: timer MUST reach 00:00), a new break countdown should begin, counting down from the value currently displayed in the id=“break-length” element.

When I test it manually everything seems to work. Every time the timer reaches 0 it will change the timer-label element which is set as this.state.pomodoroState.

However I noticed when the test case fast forwards my timer at one point in time it will change set the break time without changing the timer-label. Could it be that it is setting my html element directly? I’m pretty sure it would have changed timer-label when it reaches 0 in any other case.

Any advice would be greatly appreciated! Thanks

My Codepen: https://codepen.io/xiandanhuang/pen/oRjNop

Update: Alright. Seems to work now. I added extra lines to clear all setIntervals during reset() just in case any of them are still running.

In any case, any feedback on how I can improve this project is welcomed! :grinning: