Merge pull request #813 from geneukum/update-loading-spinner-component-to-glimmer

Update loading spinner component to glimmer

Author: chriskrycho

app/components/loading-spinner.hbs

@@ -0,0 +1,9 @@
+<div class='loading-spinner'>
+  <div class='sk-folding-cube'>
+    <div class='sk-cube1 sk-cube'></div>
+    <div class='sk-cube2 sk-cube'></div>
+    <div class='sk-cube4 sk-cube'></div>
+    <div class='sk-cube3 sk-cube'></div>
+  </div>
+  {{yield}}
+</div>

app/components/loading-spinner.js

@@ -10,15 +10,15 @@ module('Integration | Component | loading spinner', function (hooks) {
     // Set any properties with this.set('myProperty', 'value');
     // Handle any actions with this.on('myAction', function(val) { ... });
 
-    await render(hbs`{{loading-spinner}}`);
+    await render(hbs`<LoadingSpinner/>`);
 
     assert.dom('*').hasText('');
 
     // Template block usage:
     await render(hbs`
-      {{#loading-spinner}}
+      <LoadingSpinner>
         template block text
-      {{/loading-spinner}}
+      </LoadingSpinner>
     `);
 
     assert.dom('*').hasText('template block text');