Refactor and reorder backbone app initialization, fixes hovercards

Also added cucumber feature for hovercards

app/assets/javascripts/app/app.js

@@ -20,7 +20,7 @@ var app = {
   views: {},
   pages: {},
   forms: {},
-  
+
   user: function(userAttrs) {
     if(userAttrs) { return this._user = new app.models.User(userAttrs) }
     return this._user || false
@@ -34,24 +34,12 @@ var app = {
   initialize: function() {
     app.router = new app.Router();
 
-    if (window.gon == undefined) {
+    this.setupDummyPreloads();
-      window.gon = {preloads:{}};
-    }
-
-    app.currentUser = app.user(window.gon.user) || new app.models.User();
-
     this.setupFacebox();
-    this.setupHovercards();
+    this.setupUser();
-
+    this.setupHeader();
-    if(app.currentUser.authenticated()) {
+    this.setupBackboneLinks();
-      app.header = new app.views.Header();
+    this.setupGlobalViews();
-      $("header").prepend(app.header.el);
-      app.header.render();
-    }
-
-    Backbone.history.start({pushState: true});
-
-    app.aspectMemberships = new app.views.AspectMembership();
   },
 
   hasPreload : function(prop) {
@@ -63,7 +51,7 @@ var app = {
     window.gon.preloads[prop] = val
   },
 
-  parsePreload : function(prop){
+  parsePreload : function(prop) {
       if(!app.hasPreload(prop)) { return }
 
       var preload = window.gon.preloads[prop]
@@ -72,13 +60,33 @@ var app = {
       return(preload)
   },
 
+  setupDummyPreloads: function() {
+    if (window.gon == undefined) {
+      window.gon = {preloads:{}};
+    }
+  },
+
+  setupUser: function() {
+    app.currentUser = app.user(window.gon.user) || new app.models.User();
+  },
+
+  setupHeader: function() {
+    if(app.currentUser.authenticated()) {
+      app.header = new app.views.Header();
+      $("header").prepend(app.header.el);
+      app.header.render();
+    }
+  },
+
   setupFacebox: function() {
     $.facebox.settings.closeImage = app.baseImageUrl()+'facebox/closelabel.png';
     $.facebox.settings.loadingImage = app.baseImageUrl()+'facebox/loading.gif';
     $.facebox.settings.opacity = 0.75;
   },
 
-  setupHovercards: function() {
+  setupBackboneLinks: function() {
+    Backbone.history.start({pushState: true});
+
     // there's probably a better way to do this...
     $("a[rel=backbone]").live("click", function(evt){
       evt.preventDefault();
@@ -87,8 +95,11 @@ var app = {
       $(".stream_title").text(link.text())
       app.router.navigate(link.attr("href").substring(1) ,true)
     });
+  },
 
+  setupGlobalViews: function() {
     app.hovercard = new app.views.Hovercard();
+    app.aspectMemberships = new app.views.AspectMembership();
   },
 
   /* mixpanel wrapper function */

features/hovercards.feature

@@ -0,0 +1,20 @@
+@javascript
+Feature: Hovercards
+  In order to not having to leave the page to view a persons profile
+  As a user
+  I want to use hovercards
+
+  Background:
+    Given a user named "Bob Jones" with email "bob@bob.bob"
+    And "bob@bob.bob" has a public post with text "public stuff"
+    And a user named "Alice" with email "alice@alice.alice"
+    And I sign in as "alice@alice.alice"
+
+
+  Scenario: Hovercards on the main stream
+    Given I am on "bob@bob.bob"'s page
+    Then I should see "public stuff" within ".stream_element"
+    When I activate the first hovercard
+    Then I should see a hovercard
+    When I deactivate the first hovercard
+    Then I should not see a hovercard

features/step_definitions/hovercard_steps.rb

@@ -0,0 +1,15 @@
+When(/^I activate the first hovercard$/) do
+  page.execute_script("$('.hovercardable').first().trigger('mouseenter');")
+end
+
+Then(/^I should see a hovercard$/) do
+  page.should have_css '#hovercard'
+end
+
+When(/^I deactivate the first hovercard$/) do
+  page.execute_script("$('.hovercardable').first().trigger('mouseleave');")
+end
+
+Then(/^I should not see a hovercard$/) do
+  page.should_not have_css '#hovercard'
+end