Todos&

SketchSystems.spec

Todos&

  Filter State
    all -> Filter All
    active -> Filter Active
    completed -> Filter Completed

    Filter All*
    Filter Active
    Filter Completed

  New Todo Input
    Focus*
    Blur
  
  Main and Footer
    Visible*
    Hidden
  

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}