describe("app.views.StreamFaces", function(){
  beforeEach(function(){
    var rebeccaBlack = factory.author({name : "Rebecca Black", id : 1492});
    this.post1 = factory.post({author : rebeccaBlack});
    this.post2 = factory.post({author : factory.author({name : "John Stamos", id : 1987})});
    this.post3 = factory.post({author : factory.author({name : "Michelle Tanner", id : 1986})});
    this.post4 = factory.post({author : factory.author({name : "Barack Obama", id : 2000})});
    this.post5 = factory.post({author : factory.author({name : "Obi-wan Kenobi", id : 2020})});
    this.post6 = factory.post({author : rebeccaBlack});
    this.post7 = factory.post({author : rebeccaBlack});

    app.stream = new app.models.Stream();
    app.stream.add([this.post1, this.post2, this.post3, this.post4, this.post5, this.post6, this.post7]);
    this.posts = app.stream.items;

    this.view = new app.views.StreamFaces({collection : this.posts});
  });

  it("should take them unique", function(){
    this.view.render();
    expect(this.view.people.length).toBe(5);
  });

  it("Finds people that were added to the collection", function() {
    this.posts.add(factory.post({author : factory.author({name : "Harriet Tubman"})}));
    expect(this.view.people.length).toBe(6);
  });

  it("Finds people that were removed from the collection", function() {
    this.posts.remove([this.post2, this.post3]);
    expect(this.view.people.length).toBe(3);
  });

  describe(".render", function(){
    beforeEach(function(){
      this.view.render();
    });

    it("appends the people's avatars", function(){
      expect(this.view.$("img").length).toBe(5);
    });

    it("links to the people", function(){
      expect(this.view.$("a").length).toBe(5);
    });

    it("rerenders when people are added, but caps to 15 people", function(){
      var posts = _.map(_.range(20), function(){ return factory.post()});
      this.posts.reset(posts); //add 20 posts silently to the collection
      this.posts.add(factory.post()); //trigger an update
      expect(this.view.$("img").length).toBe(15);
    });
  });
});