A login flow for NASA in the 1970s

SketchSystems.spec

A login flow for NASA in the 1970s
  Sign in
    Submit correct email and password -> 2FA
    Submit correct badge number and password -> 2FA
    Submit incorrect email -> Sign in error
    Submit incorrect badge number -> Sign in error
    Submit incorrect password -> Sign in error
    Click forgot -> Forgot
  Sign in error
    Submit correct email and password -> 2FA
    Submit correct badge number and password -> 2FA
    Submit incorrect email -> Sign in error
    Submit incorrect badge number -> Sign in error
    Submit incorrect password -> Sign in error
  2FA
    Submit correct code word -> Welcome
    Submit incorrect code word -> 2FA error
    Back -> Sign in
  2FA error
    Submit correct code word -> Welcome
    Submit incorrect code word -> 2FA error
    Back -> Sign in
  Forgot
    Click forgot email -> Forgot email or badge number
    Click forgot badge number -> Forgot email or badge number
    Click forgot password -> Forgot password
  Forgot email or badge number
  Forgot password
    Submit recognized email -> Check inbox
    Submit unrecognized email -> Check inbox
    Submit recognized badge number -> Check inbox
    Submit unrecognized badge number -> Check inbox
  Check inbox
  Welcome

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