71d37953d5
We used many global functions to handle tests when they should be imported like other libraries in our application. This also gets us closer to the way Ember CLI prefers our tests to be laid out.
115 lines
2.3 KiB
JavaScript
115 lines
2.3 KiB
JavaScript
import { moduleForComponent } from "ember-qunit";
|
|
import selectKit from "discourse/tests/helpers/select-kit-helper";
|
|
import componentTest from "discourse/tests/helpers/component-test";
|
|
|
|
moduleForComponent("select-kit/dropdown-select-box", {
|
|
integration: true,
|
|
beforeEach() {
|
|
this.set("subject", selectKit());
|
|
},
|
|
});
|
|
|
|
const DEFAULT_CONTENT = [
|
|
{ id: 1, name: "foo" },
|
|
{ id: 2, name: "bar" },
|
|
{ id: 3, name: "baz" },
|
|
];
|
|
|
|
const DEFAULT_VALUE = 1;
|
|
|
|
const setDefaultState = (ctx, options) => {
|
|
const properties = Object.assign(
|
|
{
|
|
content: DEFAULT_CONTENT,
|
|
value: DEFAULT_VALUE,
|
|
onChange: (value) => {
|
|
this.set("value", value);
|
|
},
|
|
},
|
|
options || {}
|
|
);
|
|
ctx.setProperties(properties);
|
|
};
|
|
|
|
componentTest("selection behavior", {
|
|
template: `
|
|
{{dropdown-select-box
|
|
value=value
|
|
content=content
|
|
}}
|
|
`,
|
|
|
|
beforeEach() {
|
|
setDefaultState(this);
|
|
},
|
|
|
|
async test(assert) {
|
|
await this.subject.expand();
|
|
assert.ok(this.subject.isExpanded());
|
|
|
|
await this.subject.selectRowByValue(DEFAULT_VALUE);
|
|
assert.notOk(
|
|
this.subject.isExpanded(),
|
|
"it collapses the dropdown on select"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("options.showFullTitle=false", {
|
|
template: `
|
|
{{dropdown-select-box
|
|
value=value
|
|
content=content
|
|
options=(hash
|
|
icon="times"
|
|
showFullTitle=showFullTitle
|
|
none=none
|
|
)
|
|
}}
|
|
`,
|
|
|
|
beforeEach() {
|
|
setDefaultState(this, {
|
|
value: null,
|
|
showFullTitle: false,
|
|
none: "test_none",
|
|
});
|
|
},
|
|
|
|
async test(assert) {
|
|
assert.ok(
|
|
!exists(this.subject.header().el().find(".selected-name")),
|
|
"it hides the text of the selected item"
|
|
);
|
|
|
|
assert.equal(
|
|
this.subject.header().el().attr("title"),
|
|
"[en_US.test_none]",
|
|
"it adds a title attribute to the button"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("options.showFullTitle=true", {
|
|
template: `
|
|
{{dropdown-select-box
|
|
value=value
|
|
content=content
|
|
options=(hash
|
|
showFullTitle=showFullTitle
|
|
)
|
|
}}
|
|
`,
|
|
|
|
beforeEach() {
|
|
setDefaultState(this, { showFullTitle: true });
|
|
},
|
|
|
|
async test(assert) {
|
|
assert.ok(
|
|
exists(this.subject.header().el().find(".selected-name")),
|
|
"it shows the text of the selected item"
|
|
);
|
|
},
|
|
});
|