120 lines
4 KiB
JavaScript
120 lines
4 KiB
JavaScript
describe("app.views.Stream", function(){
|
|
beforeEach(function(){
|
|
loginAs({name: "alice", avatar : {small : "http://avatar.com/photo.jpg"}});
|
|
|
|
this.posts = $.parseJSON(spec.readFixture("multi_stream_json"))["posts"];
|
|
|
|
app.stream = new app.models.Stream()
|
|
app.stream.add(this.posts);
|
|
|
|
this.collection = app.stream.posts
|
|
this.view = new app.views.Stream({collection : this.collection});
|
|
|
|
app.stream.bind("fetched", this.collectionFetched, this) //untested
|
|
|
|
// do this manually because we've moved loadMore into render??
|
|
this.view.render();
|
|
_.each(this.view.collection.models, function(post){ this.view.addPost(post); }, this);
|
|
})
|
|
|
|
describe("initialize", function(){
|
|
it("binds an infinite scroll listener", function(){
|
|
spyOn($.fn, "scroll");
|
|
|
|
new app.views.Stream();
|
|
expect($.fn.scroll).toHaveBeenCalled()
|
|
})
|
|
})
|
|
|
|
describe("#render", function(){
|
|
beforeEach(function(){
|
|
this.statusMessage = this.collection.models[0];
|
|
this.reshare = this.collection.models[1];
|
|
this.statusElement = $(this.view.$("#" + this.statusMessage.get("guid")));
|
|
this.reshareElement = $(this.view.$("#" + this.reshare.get("guid")));
|
|
})
|
|
|
|
context("when rendering a Status Mesasage", function(){
|
|
it("shows the status message in the content area", function(){
|
|
expect(this.statusElement.find(".post-content p").text()).toContain("you're gonna love this") //markdown'ed
|
|
})
|
|
})
|
|
})
|
|
|
|
describe("infScroll", function(){
|
|
// NOTE: inf scroll happens at 500px
|
|
|
|
beforeEach(function(){
|
|
spyOn(this.view.collection, "fetch").andReturn($.Deferred())
|
|
})
|
|
|
|
context("when the user is at the bottom of the page", function(){
|
|
beforeEach(function(){
|
|
spyOn($.fn, "height").andReturn(0)
|
|
spyOn($.fn, "scrollTop").andReturn(100)
|
|
})
|
|
|
|
it("calls fetch", function(){
|
|
spyOn(this.view, "isLoading").andReturn(false)
|
|
|
|
this.view.infScroll();
|
|
expect(this.view.collection.fetch).toHaveBeenCalled();
|
|
})
|
|
|
|
it("does not call fetch if the collection is loading", function(){
|
|
spyOn(this.view, "isLoading").andReturn(true)
|
|
|
|
this.view.infScroll();
|
|
expect(this.view.collection.fetch).not.toHaveBeenCalled();
|
|
})
|
|
|
|
it("does not call fetch if all content has been fetched", function(){
|
|
spyOn(this.view, "isLoading").andReturn(false)
|
|
this.view.allContentLoaded = true;
|
|
|
|
this.view.infScroll();
|
|
expect(this.view.collection.fetch).not.toHaveBeenCalled();
|
|
})
|
|
})
|
|
|
|
it("does not fetch new content when the user is not at the bottom of the page", function(){
|
|
spyOn(this.view, "isLoading").andReturn(false)
|
|
|
|
spyOn($.fn, "height").andReturn(0);
|
|
spyOn($.fn, "scrollTop").andReturn(-500);
|
|
|
|
this.view.infScroll();
|
|
expect(this.view.collection.fetch).not.toHaveBeenCalled();
|
|
})
|
|
})
|
|
|
|
describe("collectionFetched", function(){
|
|
context("unbinding scroll", function(){
|
|
beforeEach(function(){
|
|
spyOn($.fn, "unbind")
|
|
})
|
|
|
|
it("unbinds scroll if there are no more posts left to load", function(){
|
|
this.view.collectionFetched(this.collection, {posts : []})
|
|
expect($.fn.unbind).toHaveBeenCalled()
|
|
})
|
|
|
|
it("does not fetch new content when the user is fetching one post", function(){
|
|
this.view.collectionFetched(this.collection, {posts : {}})
|
|
expect($.fn.unbind).toHaveBeenCalled()
|
|
})
|
|
})
|
|
|
|
it("sets this.allContentLoaded if there are no more posts left to load", function(){
|
|
expect(this.view.allContentLoaded).toBe(false)
|
|
this.view.collectionFetched(this.collection, {posts : []})
|
|
expect(this.view.allContentLoaded).toBe(true)
|
|
})
|
|
|
|
it("does not set this.allContentLoaded if there was a non-empty response from the server", function(){
|
|
expect(this.view.allContentLoaded).toBe(false)
|
|
this.view.collectionFetched(this.collection, {posts : this.posts})
|
|
expect(this.view.allContentLoaded).toBe(false)
|
|
})
|
|
})
|
|
})
|