103 lines
3.6 KiB
JavaScript
103 lines
3.6 KiB
JavaScript
describe("app.views.Header", function() {
|
|
beforeEach(function() {
|
|
this.userAttrs = {name: "alice", avatar : {small : "http://avatar.com/photo.jpg"}}
|
|
|
|
loginAs(this.userAttrs);
|
|
|
|
spec.loadFixture("aspects_index");
|
|
this.view = new app.views.Header().render();
|
|
});
|
|
|
|
describe("render", function(){
|
|
context("notifications badge", function(){
|
|
it("displays a count when the current user has a notification", function(){
|
|
loginAs(_.extend(this.userAttrs, {notifications_count : 1}))
|
|
this.view.render();
|
|
expect(this.view.$("#notification_badge .badge_count").hasClass('hidden')).toBe(false);
|
|
expect(this.view.$("#notification_badge .badge_count").text()).toContain("1");
|
|
})
|
|
|
|
it("does not display a count when the current user has a notification", function(){
|
|
loginAs(_.extend(this.userAttrs, {notifications_count : 0}))
|
|
this.view.render();
|
|
expect(this.view.$("#notification_badge .badge_count").hasClass('hidden')).toBe(true);
|
|
})
|
|
})
|
|
|
|
context("conversations badge", function(){
|
|
it("displays a count when the current user has a notification", function(){
|
|
loginAs(_.extend(this.userAttrs, {unread_messages_count : 1}))
|
|
this.view.render();
|
|
expect(this.view.$("#conversations_badge .badge_count").hasClass('hidden')).toBe(false);
|
|
expect(this.view.$("#conversations_badge .badge_count").text()).toContain("1");
|
|
})
|
|
|
|
it("does not display a count when the current user has a notification", function(){
|
|
loginAs(_.extend(this.userAttrs, {unread_messages_count : 0}))
|
|
this.view.render();
|
|
expect(this.view.$("#conversations_badge .badge_count").hasClass('hidden')).toBe(true);
|
|
})
|
|
})
|
|
|
|
context("admin link", function(){
|
|
it("displays if the current user is an admin", function(){
|
|
loginAs(_.extend(this.userAttrs, {admin : true}))
|
|
this.view.render();
|
|
expect(this.view.$("#user_menu").html()).toContain("/admins");
|
|
})
|
|
|
|
it("does not display if the current user is not an admin", function(){
|
|
loginAs(_.extend(this.userAttrs, {admin : false}))
|
|
this.view.render();
|
|
expect(this.view.$("#user_menu").html()).not.toContain("/admins");
|
|
})
|
|
})
|
|
})
|
|
|
|
describe("#toggleDropdown", function() {
|
|
it("adds the class 'active'", function() {
|
|
expect(this.view.$(".dropdown")).not.toHaveClass("active");
|
|
this.view.toggleDropdown($.Event());
|
|
expect(this.view.$(".dropdown")).toHaveClass("active");
|
|
});
|
|
});
|
|
|
|
describe("#hideDropdown", function() {
|
|
it("removes the class 'active' if the user clicks anywhere that isn't the menu element", function() {
|
|
this.view.toggleDropdown($.Event());
|
|
expect(this.view.$(".dropdown")).toHaveClass("active");
|
|
|
|
this.view.hideDropdown($.Event());
|
|
expect(this.view.$(".dropdown")).not.toHaveClass("active");
|
|
});
|
|
});
|
|
|
|
|
|
describe("search", function() {
|
|
var input;
|
|
|
|
beforeEach(function() {
|
|
$('#jasmine_content').html(this.view.el);
|
|
input = $(this.view.el).find('#q');
|
|
});
|
|
|
|
describe("focus", function() {
|
|
it("adds the class 'active' when the user focuses the text field", function() {
|
|
input.trigger('focusin');
|
|
waitsFor(function() {
|
|
return input.is('.active');
|
|
});
|
|
runs(function() {
|
|
expect(input).toHaveClass("active");
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("blur", function() {
|
|
it("removes the class 'active' when the user blurs the text field", function() {
|
|
input.trigger('focusin').trigger('focusout');
|
|
expect(input).not.toHaveClass("active");
|
|
});
|
|
});
|
|
});
|
|
});
|