Login

SketchSystems.spec

Login
  Incomplete form*
    Empty*
      Add username -> Username filled out
      Add password -> Password filled out
      Submit -> Empty
    Username filled out
      Add password -> All fields filled out
      Submit -> Username required prompt
    Password filled out
      Add username -> All fields filled out
      Submit -> Password required prompt
    Username required prompt
      Add username -> All fields filled out
      Submit -> Username required prompt
    Password required prompt
      Add password -> All fields filled out
      Submit -> Username required prompt
    All fields filled out
      Submit -> Check username?
    Incorrect password
      Add password -> All fields filled out
    Check username?
      Username exists? -> Check password?
      Username not found? -> Create user?
    Check password?
      Password verified? -> Authenticated
      Password wrong? -> Incorrect password
    Create user?
      Created? -> Authenticated
  Authenticated

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