cb59681d86
Major changes included: - better support for screen readers - trapping focus in modals - better tabbing order in composer - alerts on no content found/number of items found - better autofocus in modals - mini-tag-chooser is now a multi-select component - each multi-select-component will now display selection on one row
85 lines
1.9 KiB
JavaScript
85 lines
1.9 KiB
JavaScript
import selectKit from "discourse/tests/helpers/select-kit-helper";
|
|
import componentTest, {
|
|
setupRenderingTest,
|
|
} from "discourse/tests/helpers/component-test";
|
|
import {
|
|
discourseModule,
|
|
exists,
|
|
queryAll,
|
|
} from "discourse/tests/helpers/qunit-helpers";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
import I18n from "I18n";
|
|
|
|
discourseModule(
|
|
"Unit | Lib | select-kit/future-date-input-selector",
|
|
function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
hooks.beforeEach(function () {
|
|
this.set("subject", selectKit());
|
|
});
|
|
|
|
hooks.afterEach(function () {
|
|
if (this.clock) {
|
|
this.clock.restore();
|
|
}
|
|
});
|
|
|
|
componentTest("rendering and expanding", {
|
|
template: hbs`
|
|
{{future-date-input-selector
|
|
options=(hash
|
|
none="topic.auto_update_input.none"
|
|
)
|
|
}}
|
|
`,
|
|
|
|
async test(assert) {
|
|
assert.ok(
|
|
exists(".future-date-input-selector"),
|
|
"Selector is rendered"
|
|
);
|
|
|
|
assert.ok(
|
|
this.subject.header().label() ===
|
|
I18n.t("topic.auto_update_input.none"),
|
|
"Default text is rendered"
|
|
);
|
|
|
|
await this.subject.expand();
|
|
|
|
assert.ok(
|
|
exists(".select-kit-collection"),
|
|
"List of options is rendered"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("shows 'Custom date and time' if it's enabled", {
|
|
template: hbs`
|
|
{{future-date-input-selector
|
|
includeDateTime=true
|
|
}}
|
|
`,
|
|
|
|
async test(assert) {
|
|
await this.subject.expand();
|
|
const options = getOptions();
|
|
const customDateAndTime = I18n.t(
|
|
"topic.auto_update_input.pick_date_and_time"
|
|
);
|
|
|
|
assert.ok(options.includes(customDateAndTime));
|
|
},
|
|
});
|
|
|
|
function getOptions() {
|
|
return Array.from(
|
|
queryAll(`.select-kit-collection .select-kit-row`).map(
|
|
(_, span) => span.dataset.name
|
|
)
|
|
);
|
|
}
|
|
}
|
|
);
|