I’m building the 25+5 clock using React and I can’t figure out why 5 tests aren’t passing which are these
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).
12. When a session countdown reaches zero (NOTE: timer MUST reach 00:00), and a new countdown begins, the element with the id of “timer-label” should display a string indicating a break has begun.
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.
14. When a break countdown reaches zero (NOTE: timer MUST reach 00:00), and a new countdown begins, the element with the id of “timer-label” should display a string indicating a session has begun.
15. When a break countdown reaches zero (NOTE: timer MUST reach 00:00), a new session countdown should begin, counting down from the value currently displayed in the id=“session-length” element.
i find codepen environment is much more in tuned for this kinds of scenarios, thats just my take on this, hope you figure this our very soon if not already, happy learning
ok I fixed that problem, but the others are still failing even though they successfully switch times and the label changes to reflect if it’s a break or session. I even tried doing all lower case to show break or session and it still fails.
When I run the tests I don’t see the timer-label switch to Break.
If I set both timers to 1min and let the session timer run out it never switches to the break timer. The label doesn’t change to Break nor does a new countdown start.