FS Image Copy Blocks&

SketchSystems.spec

FS Image Copy Blocks&
  # clickNext and clickPrevious refer to clicking on the
  # slide number above and below the progress bar
  Progress Bar
    # Or scroll down, or drag down
    clickBarBelow -> Check next is last?
    # Or scroll up, or drag up
    clickBarAbove -> Check previous is first?
    Top
      clickNext -> Middle
    Middle
      clickPrevious -> Check previous is first?
      clickNext -> Check next is last?
    Bottom
      clickPrevious -> Middle
    Check previous is first?
      yes -> Top
      no -> Middle
    Check next is last?
      yes -> Bottom
      no -> Middle
  Testimonial Pulse&
    Tooltip
      focus -> Showing Tooltip
      blur -> Tooltip Hidden
      Tooltip Hidden*
      Showing Tooltip
    Modal
      Modal Closed*
        clickPulse -> Modal Open
      Modal Open
        # these two actions are from buttons
        # that should be the only things you
        # can tab between while in this state
        Showing Quote*
          clickClose -> Modal Closed
          clickPlay -> Playing Video
        Playing Video
          clickClose -> Showing Quote

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