tweak icon-library generation

test/javascripts/components/categories-admin-dropdown-test.js.es6

@@ -7,8 +7,8 @@ componentTest('default', {
   test(assert) {
     const $selectKit = selectKit('.categories-admin-dropdown');
 
-    assert.equal($selectKit.el.find(".d-bars").length, 1);
-    assert.equal($selectKit.el.find(".d-caret-down").length, 1);
+    assert.equal($selectKit.el.find(".d-icon-bars").length, 1);
+    assert.equal($selectKit.el.find(".d-icon-caret-down").length, 1);
 
     expandSelectKit();
 

test/javascripts/components/d-button-test.js.es6

@@ -6,7 +6,7 @@ componentTest('icon only button', {
 
   test(assert) {
     assert.ok(this.$('button.btn.btn-icon.no-text').length, 'it has all the classes');
-    assert.ok(this.$('button .d-icon.d-plus').length, 'it has the icon');
+    assert.ok(this.$('button .d-icon.d-icon-plus').length, 'it has the icon');
     assert.equal(this.$('button').attr('tabindex'), "3", 'it has the tabindex');
   }
 });
@@ -16,7 +16,7 @@ componentTest('icon and text button', {
 
   test(assert) {
     assert.ok(this.$('button.btn.btn-icon-text').length, 'it has all the classes');
-    assert.ok(this.$('button .d-icon.d-plus').length, 'it has the icon');
+    assert.ok(this.$('button .d-icon.d-icon-plus').length, 'it has the icon');
     assert.ok(this.$('button span.d-button-label').length, 'it has the label');
   }
 });

test/javascripts/components/d-icon-test.js.es6

@@ -0,0 +1,21 @@
+import componentTest from 'helpers/component-test';
+
+moduleForComponent('d-icon', {integration: true});
+
+componentTest('default', {
+  template: '{{d-icon "bars"}}',
+
+  test(assert) {
+    const html = this.$().html().trim();
+    assert.equal(html, '<i class="fa fa-bars d-icon d-icon-bars"></i>');
+  }
+});
+
+componentTest('with replacement', {
+  template: '{{d-icon "d-watching"}}',
+
+  test(assert) {
+    const html = this.$().html().trim();
+    assert.equal(html, '<i class="fa fa-exclamation-circle d-icon d-icon-d-watching"></i>');
+  }
+});