This repository has been archived on 2023-03-18. You can view files and clone it, but cannot push or open issues or pull requests.
osr-discourse-src/app/assets/javascripts/discourse/tests/integration/widgets/button-test.js
Robin Ward 435a9913a4 REFACTOR: Replace global find with queryAll
In newer Embers jQuery is removed. There is a `find` but it only returns
one element and not a jQuery selector. This patch migrates our code to a
new helper `queryAll` which allows us to remove the global.
2020-10-29 14:45:51 -04:00

63 lines
1.4 KiB
JavaScript

import { queryAll } from "discourse/tests/helpers/qunit-helpers";
import {
moduleForWidget,
widgetTest,
} from "discourse/tests/helpers/widget-test";
moduleForWidget("button");
widgetTest("icon only button", {
template: '{{mount-widget widget="button" args=args}}',
beforeEach() {
this.set("args", { icon: "far-smile" });
},
test(assert) {
assert.ok(
queryAll("button.btn.btn-icon.no-text").length,
"it has all the classes"
);
assert.ok(
queryAll("button .d-icon.d-icon-far-smile").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(
queryAll("button.btn.btn-icon-text").length,
"it has all the classes"
);
assert.ok(queryAll("button .d-icon.d-icon-plus").length, "it has the icon");
assert.ok(
queryAll("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(queryAll("button.btn.btn-text").length, "it has all the classes");
assert.ok(
queryAll("button span.d-button-label").length,
"it has the label"
);
},
});