discourse/test/javascripts/components/combo-box-test.js.es6

303 lines
6.2 KiB
Plaintext
Raw Normal View History

2018-06-15 11:03:24 -04:00
import componentTest from "helpers/component-test";
moduleForComponent("combo-box", {
integration: true,
beforeEach: function() {
2018-06-15 11:03:24 -04:00
this.set("subject", selectKit());
}
});
2018-06-15 11:03:24 -04:00
componentTest("default", {
template: "{{combo-box content=items}}",
2017-06-14 13:57:58 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
this.set("items", [{ id: 1, name: "hello" }, { id: 2, name: "world" }]);
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.header()
.name(),
"hello"
);
assert.equal(
this.get("subject")
.rowByValue(1)
.name(),
"hello"
);
assert.equal(
this.get("subject")
.rowByValue(2)
.name(),
"world"
);
}
});
2018-06-15 11:03:24 -04:00
componentTest("with valueAttribute", {
template: '{{combo-box content=items valueAttribute="value"}}',
2017-06-14 13:57:58 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
this.set("items", [
{ value: 0, name: "hello" },
{ value: 1, name: "world" }
]);
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.rowByValue(0)
.name(),
"hello"
);
assert.equal(
this.get("subject")
.rowByValue(1)
.name(),
"world"
);
}
});
2018-06-15 11:03:24 -04:00
componentTest("with nameProperty", {
2017-10-19 15:51:08 -04:00
template: '{{combo-box content=items nameProperty="text"}}',
beforeEach() {
2018-06-15 11:03:24 -04:00
this.set("items", [{ id: 0, text: "hello" }, { id: 1, text: "world" }]);
2017-10-19 15:51:08 -04:00
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.rowByValue(0)
.name(),
"hello"
);
assert.equal(
this.get("subject")
.rowByValue(1)
.name(),
"world"
);
2017-10-19 15:51:08 -04:00
}
});
2018-06-15 11:03:24 -04:00
componentTest("with an array as content", {
template: "{{combo-box content=items value=value}}",
2017-06-14 13:57:58 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
this.set("items", ["evil", "trout", "hat"]);
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.rowByValue("evil")
.name(),
"evil"
);
assert.equal(
this.get("subject")
.rowByValue("trout")
.name(),
"trout"
);
}
});
2018-06-15 11:03:24 -04:00
componentTest("with value and none as a string", {
template: '{{combo-box content=items none="test.none" value=value}}',
2017-06-14 13:57:58 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
I18n.translations[I18n.locale].js.test = { none: "none" };
this.set("items", ["evil", "trout", "hat"]);
this.set("value", "trout");
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.noneRow()
.name(),
"none"
);
assert.equal(
this.get("subject")
.rowByValue("evil")
.name(),
"evil"
);
assert.equal(
this.get("subject")
.rowByValue("trout")
.name(),
"trout"
);
assert.equal(
this.get("subject")
.header()
.name(),
"trout"
);
assert.equal(this.get("value"), "trout");
2018-07-29 16:51:32 -04:00
await this.get("subject").selectNoneRow();
assert.equal(this.get("value"), null);
}
});
2018-06-15 11:03:24 -04:00
componentTest("with value and none as an object", {
template: "{{combo-box content=items none=none value=value}}",
2017-06-14 13:57:58 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
this.set("none", { id: "something", name: "none" });
this.set("items", ["evil", "trout", "hat"]);
this.set("value", "evil");
},
async test(assert) {
await this.get("subject").expand();
assert.equal(
this.get("subject")
.noneRow()
.name(),
"none"
);
assert.equal(
this.get("subject")
.rowByValue("evil")
.name(),
"evil"
);
assert.equal(
this.get("subject")
.rowByValue("trout")
.name(),
"trout"
);
assert.equal(
this.get("subject")
.header()
.name(),
"evil"
);
assert.equal(this.get("value"), "evil");
2018-07-29 16:51:32 -04:00
await this.get("subject").selectNoneRow();
assert.equal(this.get("value"), null);
2017-10-19 15:51:08 -04:00
}
});
2018-06-15 11:03:24 -04:00
componentTest("with no value and none as an object", {
template: "{{combo-box content=items none=none value=value}}",
2017-10-19 15:51:08 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
I18n.translations[I18n.locale].js.test = { none: "none" };
this.set("none", { id: "something", name: "none" });
this.set("items", ["evil", "trout", "hat"]);
this.set("value", null);
2017-10-19 15:51:08 -04:00
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.header()
.name(),
"none"
);
2017-10-19 15:51:08 -04:00
}
});
2018-06-15 11:03:24 -04:00
componentTest("with no value and none string", {
template: "{{combo-box content=items none=none value=value}}",
2017-10-19 15:51:08 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
I18n.translations[I18n.locale].js.test = { none: "none" };
this.set("none", "test.none");
this.set("items", ["evil", "trout", "hat"]);
this.set("value", null);
2017-10-19 15:51:08 -04:00
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.header()
.name(),
"none"
);
2017-10-19 15:51:08 -04:00
}
});
2018-06-15 11:03:24 -04:00
componentTest("with no value and no none", {
template: "{{combo-box content=items value=value}}",
2017-10-19 15:51:08 -04:00
beforeEach() {
2018-06-15 11:03:24 -04:00
this.set("items", ["evil", "trout", "hat"]);
this.set("value", null);
2017-10-19 15:51:08 -04:00
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.header()
.name(),
"evil",
"it sets the first row as value"
);
}
});
2017-10-19 17:32:37 -04:00
2018-06-15 11:03:24 -04:00
componentTest("with empty string as value", {
template: "{{combo-box content=items value=value}}",
beforeEach() {
2018-06-15 11:03:24 -04:00
this.set("items", ["evil", "trout", "hat"]);
this.set("value", "");
},
async test(assert) {
await this.get("subject").expand();
assert.equal(
this.get("subject")
.header()
.name(),
"evil",
"it sets the first row as value"
);
}
});
2018-06-15 11:03:24 -04:00
componentTest("with noneLabel", {
template:
"{{combo-box content=items allowAutoSelectFirst=false noneLabel=noneLabel}}",
beforeEach() {
2018-06-15 11:03:24 -04:00
I18n.translations[I18n.locale].js.test = { none: "none" };
this.set("items", ["evil", "trout", "hat"]);
this.set("noneLabel", "test.none");
},
async test(assert) {
2018-07-29 16:51:32 -04:00
await this.get("subject").expand();
assert.equal(
this.get("subject")
.header()
.name(),
"none",
"it displays noneLabel as the header name"
);
}
});