mirror of
https://github.com/discourse/discourse.git
synced 2024-12-16 04:53:58 +08:00
0431942f3d
This new iteration of select-kit focuses on following best principales and disallowing mutations inside select-kit components. A best effort has been made to avoid breaking changes, however if you content was a flat array, eg: ["foo", "bar"] You will need to set valueProperty=null and nameProperty=null on the component. Also almost every component should have an `onChange` handler now to decide what to do with the updated data. **select-kit will not mutate your data by itself anymore**
75 lines
1.7 KiB
JavaScript
75 lines
1.7 KiB
JavaScript
import selectKit from "helpers/select-kit-helper";
|
|
import componentTest from "helpers/component-test";
|
|
import Topic from "discourse/models/topic";
|
|
|
|
const buildTopic = function(level, archetype = "regular") {
|
|
return Topic.create({
|
|
id: 4563,
|
|
title: "Qunit Test Topic",
|
|
details: {
|
|
notification_level: level
|
|
},
|
|
archetype
|
|
});
|
|
};
|
|
|
|
const originalTranslation =
|
|
I18n.translations.en.js.topic.notifications.tracking_pm.title;
|
|
|
|
moduleForComponent("select-kit/topic-notifications-button", {
|
|
integration: true,
|
|
|
|
afterEach() {
|
|
I18n.translations.en.js.topic.notifications.tracking_pm.title = originalTranslation;
|
|
}
|
|
});
|
|
|
|
componentTest("the header has a localized title", {
|
|
template:
|
|
"{{topic-notifications-button notificationLevel=topic.details.notification_level topic=topic}}",
|
|
|
|
beforeEach() {
|
|
this.set("topic", buildTopic(1));
|
|
},
|
|
|
|
async test(assert) {
|
|
assert.equal(
|
|
selectKit()
|
|
.header()
|
|
.label(),
|
|
"Normal",
|
|
"it has the correct label"
|
|
);
|
|
|
|
await this.set("topic", buildTopic(2));
|
|
|
|
assert.equal(
|
|
selectKit()
|
|
.header()
|
|
.label(),
|
|
"Tracking",
|
|
"it correctly changes the label"
|
|
);
|
|
}
|
|
});
|
|
|
|
componentTest("the header has a localized title", {
|
|
template:
|
|
"{{topic-notifications-button notificationLevel=topic.details.notification_level topic=topic}}",
|
|
|
|
beforeEach() {
|
|
I18n.translations.en.js.topic.notifications.tracking_pm.title = `${originalTranslation} PM`;
|
|
this.set("topic", buildTopic(2, "private_message"));
|
|
},
|
|
|
|
test(assert) {
|
|
assert.equal(
|
|
selectKit()
|
|
.header()
|
|
.label(),
|
|
`${originalTranslation} PM`,
|
|
"it has the correct label for PMs"
|
|
);
|
|
}
|
|
});
|