User Flow Purchase a Product

SketchSystems.spec

User Flow Purchase a Product
  Search for Product
    Select Item -> View Product Description
  View Product Description
    Checkout Form -> Validate Card Details
  Validate Card Details
    Card valid -> Complete Checkout
    Card invalid -> Invalid Details
  Valid Details
    Card valid -> Complete Checkout
  Invalid Details
    Card valid -> Validate Card Details
  Complete Checkout
    

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