-
diff --git a/app/views/aspect_memberships/_aspect_membership_dropdown.html.haml b/app/views/aspect_memberships/_aspect_membership_dropdown.haml
similarity index 100%
rename from app/views/aspect_memberships/_aspect_membership_dropdown.html.haml
rename to app/views/aspect_memberships/_aspect_membership_dropdown.haml
diff --git a/spec/javascripts/app/views/header_view_spec.js b/spec/javascripts/app/views/header_view_spec.js
index a386504d3..384c92a59 100644
--- a/spec/javascripts/app/views/header_view_spec.js
+++ b/spec/javascripts/app/views/header_view_spec.js
@@ -54,20 +54,20 @@ describe("app.views.Header", function() {
});
});
- describe("#toggleDropdown", function() {
+ describe("#toggleUserDropdown", function() {
it("adds the class 'active'", function() {
expect(this.view.$(".dropdown")).not.toHaveClass("active");
- this.view.toggleDropdown($.Event());
+ this.view.toggleUserDropdown($.Event());
expect(this.view.$(".dropdown")).toHaveClass("active");
});
});
- describe("#hideDropdown", function() {
+ describe("#hideUserDropdown", function() {
it("removes the class 'active' if the user clicks anywhere that isn't the menu element", function() {
- this.view.toggleDropdown($.Event());
+ this.view.toggleUserDropdown($.Event());
expect(this.view.$(".dropdown")).toHaveClass("active");
- this.view.hideDropdown($.Event());
+ this.view.hideUserDropdown($.Event());
expect(this.view.$(".dropdown")).not.toHaveClass("active");
});
});
diff --git a/spec/javascripts/app/views/notification_dropdown_view_spec.js b/spec/javascripts/app/views/notification_dropdown_view_spec.js
new file mode 100644
index 000000000..f6972c5be
--- /dev/null
+++ b/spec/javascripts/app/views/notification_dropdown_view_spec.js
@@ -0,0 +1,107 @@
+describe('app.views.NotificationDropdown', function() {
+ beforeEach(function (){
+ spec.loadFixture('notifications');
+ this.header = new app.views.Header();
+ $("header").prepend(this.header.el);
+ this.header.render();
+ this.view = new app.views.NotificationDropdown({el: '#notification_badge'});
+ });
+
+ context('showDropdown', function(){
+ it('Calls resetParam()', function(){
+ spyOn(this.view, 'resetParams');
+ this.view.showDropdown();
+ expect(this.view.resetParams).toHaveBeenCalled();
+ });
+ it('Changes CSS', function(){
+ this.view.showDropdown();
+ expect($('#notification_dropdown').css('display')).toBe('block');
+ });
+ it('Calls getNotifications()', function(){
+ spyOn(this.view, 'getNotifications');
+ this.view.showDropdown();
+ expect(this.view.getNotifications).toHaveBeenCalled();
+ });
+ });
+
+ context('dropdownScroll', function(){
+ it('Calls getNotifications if is at the bottom and has more notifications to load', function(){
+ this.view.isBottom = function(){ return true; };
+ this.view.hasMoreNotifs = true;
+ spyOn(this.view, 'getNotifications');
+ this.view.dropdownScroll();
+ expect(this.view.getNotifications).toHaveBeenCalled();
+ });
+
+ it("Doesn't call getNotifications if is not at the bottom", function(){
+ this.view.isBottom = function(){ return false; };
+ this.view.hasMoreNotifs = true;
+ spyOn(this.view, 'getNotifications');
+ this.view.dropdownScroll();
+ expect(this.view.getNotifications).not.toHaveBeenCalled();
+ });
+
+ it("Doesn't call getNotifications if is not at the bottom", function(){
+ this.view.isBottom = function(){ return true; };
+ this.view.hasMoreNotifs = false;
+ spyOn(this.view, 'getNotifications');
+ this.view.dropdownScroll();
+ expect(this.view.getNotifications).not.toHaveBeenCalled();
+ });
+ });
+
+ context('getNotifications', function(){
+ it('Has more notifications', function(){
+ var response = ['', '', '', '', ''];
+ spyOn($, 'getJSON').and.callFake(function(url, callback){ callback(response); });
+ this.view.getNotifications();
+ expect(this.view.hasMoreNotifs).toBe(true);
+ });
+ it('Has no more notifications', function(){
+ spyOn($, 'getJSON').and.callFake(function(url, callback){ callback([]); });
+ this.view.getNotifications();
+ expect(this.view.hasMoreNotifs).toBe(false);
+ });
+ it('Correctly sets the next page', function(){
+ spyOn($, 'getJSON').and.callFake(function(url, callback){ callback([]); });
+ expect(typeof this.view.nextPage).toBe('undefined');
+ this.view.getNotifications();
+ expect(this.view.nextPage).toBe(3);
+ });
+ it('Increase the page count', function(){
+ var response = ['', '', '', '', ''];
+ spyOn($, 'getJSON').and.callFake(function(url, callback){ callback(response); });
+ this.view.getNotifications();
+ expect(this.view.nextPage).toBe(3);
+ this.view.getNotifications();
+ expect(this.view.nextPage).toBe(4);
+ });
+ it('Calls renderNotifications()', function(){
+ spyOn($, 'getJSON').and.callFake(function(url, callback){ callback([]); });
+ spyOn(this.view, 'renderNotifications');
+ this.view.getNotifications();
+ expect(this.view.renderNotifications).toHaveBeenCalled();
+ });
+ it('Adds the notifications to this.notifications', function(){
+ var response = ['', '', '', '', ''];
+ this.view.notifications.length = 0;
+ spyOn($, 'getJSON').and.callFake(function(url, callback){ callback(response); });
+ this.view.getNotifications();
+ expect(this.view.notifications).toEqual(response);
+ });
+ });
+
+ context('renderNotifications', function(){
+ it('Removes the previous notifications', function(){
+ this.view.dropdownNotifications.append('
Notification
');
+ expect(this.view.dropdownNotifications.find('.media.stream_element').length).toBe(1);
+ this.view.renderNotifications();
+ expect(this.view.dropdownNotifications.find('.media.stream_element').length).toBe(0);
+ });
+ it('Calls hideAjaxLoader()', function(){
+ spyOn(this.view, 'hideAjaxLoader');
+ this.view.renderNotifications();
+ expect(this.view.hideAjaxLoader).toHaveBeenCalled();
+ });
+ });
+});
diff --git a/spec/javascripts/app/views/search_view_spec.js b/spec/javascripts/app/views/search_view_spec.js
new file mode 100644
index 000000000..ca23e6f7c
--- /dev/null
+++ b/spec/javascripts/app/views/search_view_spec.js
@@ -0,0 +1,14 @@
+describe("app.views.Search", function() {
+ beforeEach(function(){
+ spec.content().html('
');
+ this.view = new app.views.Search({ el: '#search_people_form' });
+ });
+ describe("parse", function() {
+ it("escapes a persons name", function() {
+ var person = { 'name': '