enhance template-tab-test

app/instance-initializers/create-default-template.js

@@ -5,7 +5,7 @@ export function initialize(appInstance) {
   // Check if templates are available, if not create one
   store.findAll('template').then((templates) => {
     if (templates.length === 0) {
-      store.createRecord('template', defaultTemplate);
+      store.createRecord('template', defaultTemplate).save();
     }
   })
 }

tests/integration/components/template-tab-test.js

@@ -1,24 +1,34 @@
 import { moduleForComponent, test } from 'ember-qunit';
 import hbs from 'htmlbars-inline-precompile';
 
+const testTemplate = {
+  title: 'Test Template',
+  markup: '<markup>'
+}
+
 moduleForComponent('template-tab', 'Integration | Component | template tab', {
   integration: true
 });
 
-test('it renders', function(assert) {
+test('it renders title and markup properly', function(assert) {
   // Set any properties with this.set('myProperty', 'value');
   // Handle any actions with this.on('myAction', function(val) { ... });
 
-  this.render(hbs`{{template-tab}}`);
-
-  assert.equal(this.$().text().trim(), '');
-
-  // Template block usage:
-  this.render(hbs`
-    {{#template-tab}}
-      template block text
-    {{/template-tab}}
-  `);
+  this.set('template', testTemplate);
+  this.set('saveTemplate', () => { /* do nothing */});
+  this.set('rollbackTemplate', () => { /* do nothing */});
+  this.set('deleteTemplate', () => { /* do nothing */});
 
-  assert.equal(this.$().text().trim(), 'template block text');
+
+  this.render(hbs`{{template-tab
+    isOpen=true
+    template=template
+    saveTemplate=(action saveTemplate) 
+    rollbackTemplate=(action rollbackTemplate) 
+    deleteTemplate=(action deleteTemplate)}}`);
+
+  // rendered title matches expected title
+  assert.equal(this.$().find('.panel-title').text().trim(), testTemplate.title);
+  // rendered code matches expected code
+  assert.equal(this.$().find('.CodeMirror-code pre').text(), testTemplate.markup);
 });