UX: Add consistent classes to buttons

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

@@ -0,0 +1,30 @@
+import componentTest from 'helpers/component-test';
+moduleForComponent('d-button', {integration: true});
+
+componentTest('icon only button', {
+  template: '{{d-button icon="plus"}}',
+
+  test(assert) {
+    assert.ok(this.$('button.btn.btn-icon.no-text').length, 'it has all the classes');
+    assert.ok(this.$('button .d-icon.d-icon-plus').length, 'it has the icon');
+  }
+});
+
+componentTest('icon and text button', {
+  template: '{{d-button icon="plus" label="topic.create"}}',
+
+  test(assert) {
+    assert.ok(this.$('button.btn.btn-icon-text').length, 'it has all the classes');
+    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');
+  }
+});
+
+componentTest('text only button', {
+  template: '{{d-button label="topic.create"}}',
+
+  test(assert) {
+    assert.ok(this.$('button.btn.btn-text').length, 'it has all the classes');
+    assert.ok(this.$('button span.d-button-label').length, 'it has the label');
+  }
+});

test/javascripts/widgets/button-test.js.es6

@@ -0,0 +1,43 @@
+import { moduleForWidget, widgetTest } from 'helpers/widget-test';
+
+moduleForWidget('button');
+
+widgetTest('icon only button', {
+  template: '{{mount-widget widget="button" args=args}}',
+
+  beforeEach() {
+    this.set('args', { icon: 'smile-o' });
+  },
+
+  test(assert) {
+    assert.ok(this.$('button.btn.btn-icon.no-text').length, 'it has all the classes');
+    assert.ok(this.$('button .d-icon.d-icon-smile-o').length, 'it has the icon');
+  }
+});
+
+widgetTest('icon and text button', {
+  template: '{{mount-widget widget="button" args=args}}',
+
+  beforeEach() {
+    this.set('args', { icon: 'plus', label: 'topic.create' });
+  },
+
+  test(assert) {
+    assert.ok(this.$('button.btn.btn-icon-text').length, 'it has all the classes');
+    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');
+  }
+});
+
+widgetTest('text only button', {
+  template: '{{mount-widget widget="button" args=args}}',
+
+  beforeEach() {
+    this.set('args', { label: 'topic.create' });
+  },
+
+  test(assert) {
+    assert.ok(this.$('button.btn.btn-text').length, 'it has all the classes');
+    assert.ok(this.$('button span.d-button-label').length, 'it has the label');
+  }
+});