Generic loading panel

app/pods/components/loading-panel/template.hbs

@@ -0,0 +1,4 @@
+<div class="spinner">
+  <div class="double-bounce1"></div>
+  <div class="double-bounce2"></div>
+</div>

app/pods/loading/template.hbs

@@ -1,4 +1 @@
-<div class="spinner">
+{{loading-panel}}
-  <div class="double-bounce1"></div>
-  <div class="double-bounce2"></div>
-</div>

tests/unit/pods/components/loading-panel/component-test.js

@@ -0,0 +1,19 @@
+import { moduleForComponent, test } from 'ember-qunit';
+
+moduleForComponent('loading-panel', 'Unit | Component | loading panel', {
+  // Specify the other units that are required for this test
+  // needs: ['component:foo', 'helper:bar'],
+  unit: true
+});
+
+test('it renders', function(assert) {
+  assert.expect(2);
+
+  // Creates the component instance
+  var component = this.subject();
+  assert.equal(component._state, 'preRender');
+
+  // Renders the component to the page
+  this.render();
+  assert.equal(component._state, 'inDOM');
+});