Collection Created

SketchSystems.spec

Collection Created
Add Collection Sections*
  Click Add section button -> Editing other section
  Click Submit Create Collection Button -> Collection Created
  Drag and drop sections IF more than one -> Sections reordered
  Editing other section
    Untouched other section*
    Click Remove section button -> Default editing section 1
    Same as Default editing section 1
  Sections reordered   
  Default editing section 1*&
    Empty section*
      Click Section Name form input -> Empty Section Name
    Section Name
      Empty Section Name*
        Click Name Input -> Editing Section Name
      Editing Section Name
        Type Name in Form Input -> Section Name Chosen
      Section Name Chosen
        Click Form Input -> Editing Section Name
        
    Section Cards
      No Cards chosen*
        Click Add Card to section -> Adding Card to section
      Adding Card to section
        Untouched search text form input*
          Type in Search article form input with multiple results -> Multiple results
          Type in Search article form input with no results -> Empty results
        Empty results
          Type in Search article form input with multiple results -> Multiple results
          Type in Search article form input with no results -> Empty results
        Multiple results
          Clear results -> Empty results
          Choose result resource -> Card in section
      Card in section
        Untouched*
        Removed card
        Click Edit card -> Adding Card to section
        Click Remove card and only one card chosen -> No Cards chosen
        Click Remove card and still remaining cards -> Removed card
        Click Add another card -> Adding Card to section
     Click Reset section button -> Empty section

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