Merge pull request #185 from rtablada/feature-customize-home-route

Make dat homeRoute customizable!!!

addon/components/md-navbar.js

@@ -5,6 +5,7 @@ import computed from 'ember-new-computed';
 export default Ember.Component.extend({
   tagName: 'nav',
   layout: layout,
+  homeRoute: 'index',
 
   didInsertElement() {
     this._super(...arguments);

addon/templates/components/md-navbar.hbs

@@ -1,6 +1,6 @@
 <div class='nav-wrapper'>
   <div class='container'>
-    {{#link-to 'index' class='brand-logo'}}{{name}}{{/link-to}}
+    {{#link-to homeRoute class='brand-logo'}}{{name}}{{/link-to}}
     <ul class='right hide-on-med-and-down'>
       {{yield}}
     </ul>

tests/dummy/app/templates/navbar.hbs

@@ -10,4 +10,9 @@
     <h4 class="col s12 header">Navbar with mobile collapse button</h4>
     {{example-snippet snippet='navbar-basic' class='navbar-example'}}
   </div>
+
+  <div class="section">
+    <h4 class="col s12 header">Navbar with custom homeRoute defined</h4>
+    {{example-snippet snippet='navbar-custom-home' class='navbar-custom-home'}}
+  </div>
 </div>

tests/dummy/app/templates/snippets/navbar-custom-home.hbs

@@ -0,0 +1,10 @@
+{{#md-navbar name='Example' class='indigo' homeRoute='navbar'}}
+  <!-- A workaround to get the "active" class
+    to apply to the active <li> automatically -->
+  {{#link-to 'navbar' tagName='li'}}
+    {{link-to 'Navbar' 'navbar'}}
+  {{/link-to}}
+  {{#link-to 'tabs' tagName='li'}}
+    {{link-to 'Tabs' 'tabs'}}
+  {{/link-to}}
+{{/md-navbar}}

tests/integration/navbar-test.js

@@ -50,3 +50,20 @@ test('SideNav', assert => {
 
   });
 });
+
+test('Navbar Custom Home Route', assert => {
+  visit('/navbar');
+
+  window.QUnit.stop();
+
+  andThen(() => {
+    click('.navbar-custom-home a.brand-logo');
+  });
+
+  andThen(() => {
+    assert.equal('/navbar', currentURL(), 'Navbar can have a custom home route');
+
+    window.QUnit.start();
+  });
+});
+