Add test for component card

package.json

@@ -43,7 +43,8 @@
     "broccoli-funnel": "^0.2.8",
     "content-kit-editor": "^0.4.6",
     "ember-cli-babel": "^5.1.3",
-    "ember-cli-htmlbars": "^1.0.0"
+    "ember-cli-htmlbars": "^1.0.0",
+    "ember-wormhole": "^0.3.4"
   },
   "ember-addon": {
     "configPath": "tests/dummy/config"

tests/integration/components/content-kit-editor/component-test.js

@@ -1,6 +1,7 @@
 import { moduleForComponent, test } from 'ember-qunit';
 import { selectRange } from 'dummy/tests/helpers/selection';
 import hbs from 'htmlbars-inline-precompile';
+import createComponentCard from 'ember-content-kit/utils/create-component-card';
 
 function simpleMobileDoc(text) {
   return {
@@ -213,3 +214,18 @@ test('it de-links selected text and fires `on-change`', function(assert) {
     'a tag removed'
   );
 });
+
+test('it adds a component to the content-kit editor', function(assert) {
+  assert.expect(1);
+  this.registry.register('template:components/demo-card-editor', hbs`DEMO`);
+  this.set('cards', [
+    createComponentCard('demo-card')
+  ]);
+  this.render(hbs`
+    {{#content-kit-editor cards=cards as |contentKit|}}
+      <button {{action contentKit.addCard 'demo-card'}}></button>
+    {{/content-kit-editor}}
+  `);
+  this.$('button').click();
+  assert.ok(!!this.$(`div:contains(DEMO)`).length, 'Card added');
+});