125 lines
3.4 KiB
JavaScript
125 lines
3.4 KiB
JavaScript
import componentTest, {
|
|
setupRenderingTest,
|
|
} from "discourse/tests/helpers/component-test";
|
|
import {
|
|
discourseModule,
|
|
queryAll,
|
|
} from "discourse/tests/helpers/qunit-helpers";
|
|
import selectKit, {
|
|
DEFAULT_CONTENT,
|
|
setDefaultState,
|
|
} from "discourse/tests/helpers/select-kit-helper";
|
|
import { clearCallbacks } from "select-kit/mixins/plugin-api";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
import { withPluginApi } from "discourse/lib/plugin-api";
|
|
|
|
discourseModule("Integration | Component | select-kit:api", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
hooks.beforeEach(function () {
|
|
this.setProperties({
|
|
// subject: selectKit();
|
|
comboBox: selectKit(".combo-box"),
|
|
singleSelect: selectKit(".single-select:not(.combo-box)"),
|
|
});
|
|
});
|
|
|
|
hooks.afterEach(function () {
|
|
clearCallbacks();
|
|
});
|
|
|
|
componentTest("modifySelectKit(identifier).appendContent", {
|
|
template: hbs`
|
|
{{combo-box value=value content=content onChange=onChange}}
|
|
{{single-select value=value content=content onChange=onChange}}
|
|
`,
|
|
|
|
beforeEach() {
|
|
setDefaultState(this, null, { content: DEFAULT_CONTENT });
|
|
|
|
withPluginApi("0.8.43", (api) => {
|
|
api.modifySelectKit("combo-box").appendContent(() => {
|
|
return {
|
|
id: "alpaca",
|
|
name: "Alpaca",
|
|
};
|
|
});
|
|
api.modifySelectKit("combo-box").appendContent(() => {});
|
|
});
|
|
},
|
|
|
|
async test(assert) {
|
|
await this.comboBox.expand();
|
|
|
|
assert.strictEqual(this.comboBox.rows().length, 4);
|
|
|
|
const appendedRow = this.comboBox.rowByIndex(3);
|
|
assert.ok(appendedRow.exists());
|
|
assert.strictEqual(appendedRow.value(), "alpaca");
|
|
|
|
await this.comboBox.collapse();
|
|
|
|
assert.notOk(this.singleSelect.rowByValue("alpaca").exists());
|
|
},
|
|
});
|
|
|
|
componentTest("modifySelectKit(identifier).prependContent", {
|
|
template: hbs`
|
|
{{combo-box value=value content=content onChange=onChange}}
|
|
{{single-select value=value content=content onChange=onChange}}
|
|
`,
|
|
|
|
beforeEach() {
|
|
setDefaultState(this, null, { content: DEFAULT_CONTENT });
|
|
|
|
withPluginApi("0.8.43", (api) => {
|
|
api.modifySelectKit("combo-box").prependContent(() => {
|
|
return {
|
|
id: "alpaca",
|
|
name: "Alpaca",
|
|
};
|
|
});
|
|
api.modifySelectKit("combo-box").prependContent(() => {});
|
|
});
|
|
},
|
|
|
|
async test(assert) {
|
|
await this.comboBox.expand();
|
|
|
|
assert.strictEqual(this.comboBox.rows().length, 4);
|
|
|
|
const prependedRow = this.comboBox.rowByIndex(0);
|
|
assert.ok(prependedRow.exists());
|
|
assert.strictEqual(prependedRow.value(), "alpaca");
|
|
|
|
await this.comboBox.collapse();
|
|
|
|
assert.notOk(this.singleSelect.rowByValue("alpaca").exists());
|
|
},
|
|
});
|
|
|
|
componentTest("modifySelectKit(identifier).onChange", {
|
|
template: hbs`
|
|
<div id="test"></div>
|
|
{{combo-box value=value content=content onChange=onChange}}
|
|
`,
|
|
|
|
beforeEach() {
|
|
setDefaultState(this, null, { content: DEFAULT_CONTENT });
|
|
|
|
withPluginApi("0.8.43", (api) => {
|
|
api.modifySelectKit("combo-box").onChange((component, value, item) => {
|
|
queryAll("#test").text(item.name);
|
|
});
|
|
});
|
|
},
|
|
|
|
async test(assert) {
|
|
await this.comboBox.expand();
|
|
await this.comboBox.selectRowByIndex(0);
|
|
|
|
assert.strictEqual(queryAll("#test").text(), "foo");
|
|
},
|
|
});
|
|
});
|