import { moduleForComponent, test } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';

moduleForComponent('trix-editor', 'Integration | Component | trix editor', {
  integration: true
});

test('it renders', function(assert) {
  assert.expect(2);

  // Set any properties with this.set('myProperty', 'value');
  // Handle any actions with this.on('myAction', function(val) { ... });

  this.render(hbs`{{trix-editor}}`);

  assert.equal(this.$().text().trim(), '');

  // Template block usage:
  this.render(hbs`
    {{#trix-editor}}
      template block text
    {{/trix-editor}}
  `);

  assert.equal(this.$().text().trim(), 'template block text');
});

@@ -225,16 +225,17 @@
 function
+ 
 (assert)
@@ -257,145 +257,122 @@
 ect(
-2
+5
 );%0A%0A  
-// Set any properties with this.set('myProperty', 'value'
+this.render(hbs%60%60
 );%0A
+%0A
   
-// Handle any actions with this.on('myAction', function(val) %7B ... %7D
+let $trixEditor = this.$().find('%3E div');%0A  assert.strictEqual($trixEditor.length, 0
 );%0A%0A
@@ -415,172 +415,220 @@
 %0A%0A  
-assert.equal(this.$().text().trim(), '
+$trixEditor = this.$().find('%3E div
 ');%0A
-%0A
   
-// Template block usage:%0A  this.render(hbs%60%0A    %7B%7B#
+assert.strictEqual($trixEditor.length, 1);%0A  assert.strictEqual($
 trix
--e
+E
 ditor
-%7D%7D%0A      template block text%0A    %7B%7B/trix-editor%7D%7D%0A  %60
+.find('%3E input').length, 1);%0A  assert.strictEqual($trixEditor.find('%3E trix-toolbar').length, 1
 );%0A
-%0A
   as
@@ -636,59 +636,63 @@
 ert.
-equal(this.$().text().trim(), 'template block text'
+strictEqual($trixEditor.find('%3E trix-editor').length, 1
 );%0A%7D

Add integration test to confirm proper component rendering