github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-22 07:53:49 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Add consistent classes to buttons

Browse Source
This commit is contained in:
Robin Ward
2017-08-01 15:33:31 -04:00
parent 71ad3a48c2
commit 75d10a4098
6 changed files with 108 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
test/javascripts/widgets/button-test.js.es6 Normal file
View File

@ -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');
}
});