Proof of Done

Roll 2After deploy

Commit
ff06d5f
Environment
production
Shot
15 Oct 2026, 19:12 IST
Result
4 held, 0 failed, 0 for a person

#9 Routing

Held in production

The following routes should be implemented: `#/` (all - default), `#/active` and `#/completed` (`#!/` is also allowed).

Held. 18 steps, all as written.

  1. Open /index.html
  2. Type “Alpha task” into the “What needs to be done?” textbox
  3. Press Enter
  4. Type “Beta task” into the “What needs to be done?” textbox
  5. Press Enter
  6. Complete the first todo
  7. .todo-list shows “Alpha task”
  8. Open the Active route
  9. Address contains “#/active”
  10. .todo-list shows “Beta task”
  11. .todo-list doesn't show “Alpha task”
  12. Open the Completed route
  13. Address contains “#/completed”
  14. .todo-list shows “Alpha task”
  15. .todo-list doesn't show “Beta task”
  16. Open the All route
  17. .todo-list shows “Alpha task”
  18. .todo-list shows “Beta task”

When the route changes, the todo list should be filtered on a model level and the `selected` class on the filter links should be toggled.

Held. 16 steps, all as written.

  1. Open /index.html
  2. Type “Delta task” into the “What needs to be done?” textbox
  3. Press Enter
  4. Type “Echo task” into the “What needs to be done?” textbox
  5. Press Enter
  6. Complete the first todo
  7. .filters a.selected shows “All”
  8. Click the “Active” link
  9. .filters a.selected shows “Active”
  10. .filters a.selected doesn't show “All”
  11. .todo-list doesn't show “Delta task”
  12. Click the “Completed” link
  13. .filters a.selected shows “Completed”
  14. .filters a.selected doesn't show “Active”
  15. .todo-list shows “Delta task”
  16. .todo-list doesn't show “Echo task”

When an item is updated while in a filtered state, it should be updated accordingly. E.g. if the filter is `Active` and the item is checked, it should be hidden.

Held. 12 steps, all as written.

  1. Open /index.html
  2. Type “Gamma task” into the “What needs to be done?” textbox
  3. Press Enter
  4. Switch to the Active filter
  5. .todo-list shows “Gamma task”
  6. Check the item while the Active filter is on
  7. .todo-list li is not shown
  8. .todo-list doesn't show “Gamma task”
  9. Switch to the Completed filter
  10. .todo-list shows “Gamma task”
  11. Uncheck the item while the Completed filter is on
  12. .todo-list li is not shown

Make sure the active filter is persisted on reload.

Held. 12 steps, all as written.

  1. Open /index.html
  2. Type “Zeta task” into the “What needs to be done?” textbox
  3. Press Enter
  4. Type “Eta task” into the “What needs to be done?” textbox
  5. Press Enter
  6. Complete the first todo
  7. Pick the Active filter
  8. Address contains “#/active”
  9. Reload on the Active route (no reload step exists, so the page is opened again with a throwaway query)
  10. .filters a.selected shows “Active”
  11. .todo-list shows “Eta task”
  12. .todo-list doesn't show “Zeta task”