describe("app.views.TemplatePicker", function(){
  beforeEach(function(){
    this.model = factory.statusMessage({frame_name: undefined})
    this.view = new app.views.TemplatePicker({model:this.model })
  })

  describe("initialization", function(){
    it("calls setFrameName on the model when there is no frame_name", function(){
      spyOn(this.model, 'setFrameName')
      this.model.unset("frame_name")
      new app.views.TemplatePicker({model:this.model})
      expect(this.model.setFrameName).toHaveBeenCalled()
    })

    it("sets the frame_name of the model to 'Day' by default", function(){ //jasmine integration test, arguably unnecessary
      expect(this.model.get("frame_name")).toBe("Day")
    })
  })

  describe("rendering", function(){
    beforeEach(function(){
      this.model.set({frame_name : 'Wallpaper'})
      this.view.render()
    })

    it("selects the model's frame_name from the dropdown", function(){
      expect(this.view.$(".mood#selected_mood").data("mood")).toBe("Wallpaper")
    })

    it("changes the frame_name on the model when is is selected", function(){
      this.view.$(".mood[data-mood=Night]").click()
      expect(this.view.$(".mood#selected_mood").data("mood")).toBe("Night")
      expect(this.model.get("frame_name")).toBe('Night')
    })
  })
})