diff --git a/app/pods/components/loading-panel/template.hbs b/app/pods/components/loading-panel/template.hbs
new file mode 100644
index 0000000..cf8513a
--- /dev/null
+++ b/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>
diff --git a/app/pods/loading/template.hbs b/app/pods/loading/template.hbs
index cf8513a..e5a3e05 100644
--- a/app/pods/loading/template.hbs
+++ b/app/pods/loading/template.hbs
@@ -1,4 +1 @@
-<div class="spinner">
-  <div class="double-bounce1"></div>
-  <div class="double-bounce2"></div>
-</div>
+{{loading-panel}}
diff --git a/tests/unit/pods/components/loading-panel/component-test.js b/tests/unit/pods/components/loading-panel/component-test.js
new file mode 100644
index 0000000..6be90f0
--- /dev/null
+++ b/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');
+});