Coding with React and Redux
After implementing the timer functionality, tests that used to be fine are now failing.
My code pen URL:
The change is in the startStop() { } section.
It seems to be working fine on the screen,
What the heck is going on?
For whatever reason the inspector is giving an uncaught error over and over and the clock test is not recognizing the react. Dom part another uncaught error so code pen is not even catching any errors because of the code in use. I’m assuming this is all due to the react version.
Note: React 18 has known incompatibilities with the tests for this project (see issue)
Thank you for your help!!!
I have an additional question that I am not clear enough on.
I don’t intend to use React 18, as it was stated in the problem description that React 18 is not available.
I’m using React with the old rendering method as described in the URL you provided.
If it’s not a React version issue, I guess that it’s a problem with the source code itself.
But I’m not sure how to determine the cause of the problem.
Can you help me with debugging?
You have two different state shapes for the reducer (object/array). I would suggest you just remove Redux as you are not really using it for anything and the code you have now is broken.
You need to pad the minutes when they are less than 10 (i.e. 09 not 9).
Use an audio element, not an Audio constructor. The requirement says the audio element must have an beep id. You can use a ref on the element (createRef).
The reset method should reset the timerMode and stop the audio and rewind it (pause and set .currentTime - HTMLMediaElement). I also think the test expects the timer-label text to be proper case (e.g. Session).
When I fix all that, I pass all the tests with your code.