mirror of
https://github.com/discourse/discourse.git
synced 2025-05-21 18:12:32 +08:00
UX: Add consistent classes to buttons
This commit is contained in:
30
test/javascripts/components/d-button-test.js.es6
Normal file
30
test/javascripts/components/d-button-test.js.es6
Normal file
@ -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');
|
||||
}
|
||||
});
|
Reference in New Issue
Block a user