Beginner
Make the given tests pass
The tests for a quantity Stepper are already written. Three of them fail. Don't change the tests: fix the component.
Read each ✗ line to find out what the tests expect: the buttons need the accessible names Decrease and Increase (they can keep showing − and +, use aria-label), the quantity must stay between 1 and 5, and a button that can't do anything must be disabled.
The text must stay Quantity: N.
What Check tests
- All four given tests pass
- The tests are unchanged
- The buttons are named Decrease and Increase
- The stepper on the page still works (Decrease goes from 5 to 4)
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.