Following the advice under Thinking In React…
I’ve built out my UI first, with no real functionality to anything yet.
Now that you have your component hierarchy, it’s time to implement your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It’s best to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We’ll see why.
I don’t understand why it’s failing on number 8 under #Content. I have the id="time-left" and the text hardcoded to 25:00… unless it means the value="25:00", but that’s not the way it’s been worded on the other challenges.
repo live demo, be sure to use the NavBar to get to quote
use the hamburger menu on the top left and select Random Quote Machine to run the test suite, they say it’s designed for Chrome and may encounter bugs in other browsers.
If you read the second line of the error message, it says:
time-left is not formatted correctly: expected '25' to equal '60'
This is because the tests tried to increase the session length to 60 minutes, and expected that the display always shows the correct time, not just a hard-coded start value.
Once you get the functionality for the other tests running, this test will pass as well.