BMS

SketchSystems.spec

BMS
  Home
    routeToLogin -> Login      
    routeToSignUp -> SignUp
    routeToHIW -> HowItWorks
    routeToTC -> TermsAndConditions
    routeToPP -> PrivacityPolicy

  Login
    clickUsername -> Username
    clickPassword -> Password
    clickOutside -> NothingHasFocus
    NothingHasFocus*
    Username
      change -> Username
      tab -> Password      
    Password
      change -> Password
      shiftTab -> Username
    
  SignUp
  HowItWorks
  TermsAndConditions
  PrivacityPolicy
    
    

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}`);
}