mirror of
https://github.com/discourse/discourse.git
synced 2025-09-07 12:02:53 +08:00
919839fd97
This attribute is used when a submit button is out of a form. It makes it explicit which form this button is submitting. It's currently used in our login modal form.
45 lines
1.3 KiB
JavaScript
45 lines
1.3 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");
|
|
}
|
|
});
|
|
|
|
componentTest("form attribute", {
|
|
template: '{{d-button form="login-form"}}',
|
|
|
|
test(assert) {
|
|
assert.ok(exists("button[form=login-form]"), "it has the form attribute");
|
|
}
|
|
});
|
