Add nav-bar component

app/templates/components/nav-bar.hbs

@@ -1,7 +1,10 @@
-<nav>
+<div class="header">
+  <div class="logo">
+    {{#link-to "application"}}Autism{{/link-to}}
+  </div>
+  <div class="nav">
     <ul>
-        <li>Home</li>
-        <li>Cheat Sheets</li>
+      <li>{{#link-to "resources"}}Resources{{/link-to}}</li>
     </ul>
-</nav>
-{{yield}}
+  </div>
+</div>

tests/integration/components/nav-bar-test.js

@@ -0,0 +1,25 @@
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('nav-bar', 'Integration | Component | nav bar', {
+  integration: true
+});
+
+test('it renders', function(assert) {
+
+  // Set any properties with this.set('myProperty', 'value');
+  // Handle any actions with this.on('myAction', function(val) { ... });" + EOL + EOL +
+
+  this.render(hbs`{{nav-bar}}`);
+
+  assert.equal(this.$().text().trim(), '');
+
+  // Template block usage:" + EOL +
+  this.render(hbs`
+    {{#nav-bar}}
+      template block text
+    {{/nav-bar}}
+  `);
+
+  assert.equal(this.$().text().trim(), 'template block text');
+});