discourse/test/javascripts/components/d-button-test.js.es6
2017-11-23 18:24:26 +01:00

32 lines
1.1 KiB
JavaScript

import componentTest from 'helpers/component-test';
moduleForComponent('d-button', {integration: true});
componentTest('icon only button', {
template: '{{d-button icon="plus" tabindex="3"}}',
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');
assert.equal(this.$('button').attr('tabindex'), "3", 'it has the tabindex');
}
});
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');
}
});