25 + 5 clock, tests 22-25 won't pass

Hey everyone,

I am doing the 25 + 5 clock project, and it is functioning properly as expected, but the tests are failing starting from test 22 to test 25.

User Story #22: 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.

the problem here is that it does actually display the string as expected, still the test fails and logs the message:
“can’t access property 1, s.exec(…) is null”
which doesn’t make sense to me.
any help is appreciated.

Your code so far

here is my code pen link:

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

Challenge: Front End Development Libraries Projects - Build a 25 + 5 Clock

Link to the challenge:

I tested your app. The element with the id of timer-label does not display a string indicating a break has begun until the timer switches to the set time of break. It should be displaying the break string at the same time it hits 00:00 but another second passes before it does.

I separated the timer logic from the display of the element with the id timer-label, i tried to make it display “Break” when the session timer reaches exactly 00:00 and the tests failed, so i tried to make it display the new string a second earlier at 00:01 the same tests still fail, with the same error message:
“can’t access property 1, s.exec(…) is null”