Files
zulip/frontend_tests/node_tests/dropdown_list_widget.js
Anders Kaseorg 6ec808b8df js: Add "use strict" directive to CommonJS files.
ES and TypeScript modules are strict by default and don’t need this
directive.  ESLint will remind us to add it to new CommonJS files and
remove it from ES and TypeScript modules.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
2020-07-31 22:09:46 -07:00

74 lines
2.2 KiB
JavaScript

"use strict";
zrequire("dropdown_list_widget");
zrequire("scroll_util");
set_global("$", global.make_zjquery());
const noop = () => {};
const _list_render = {
create: () => ({init: noop}),
};
set_global("list_render", _list_render);
const setup_zjquery_data = (name) => {
$.clear_all_elements();
const input_group = $(".input_group");
const reset_button = $(".dropdown_list_reset_button");
input_group.set_find_results(".dropdown_list_reset_button:not([disabled])", reset_button);
$(`#${name}_widget #${name}_name`).closest = () => input_group;
const $widget = $(`#${name}_widget #${name}_name`);
return {reset_button, $widget};
};
run_test("basic_functions", () => {
let updated_value;
const opts = {
widget_name: "my_setting",
data: ["one", "two", "three"].map((x) => ({name: x, value: x})),
value: "one",
on_update: (val) => {
updated_value = val;
},
default_text: i18n.t("not set"),
render_text: (text) => `rendered: ${text}`,
};
const {reset_button, $widget} = setup_zjquery_data(opts.widget_name);
const widget = dropdown_list_widget(opts);
assert.equal(widget.value(), "one");
assert.equal(updated_value, undefined); // We haven't 'updated' the widget yet.
assert(reset_button.visible());
widget.update("two");
assert.equal($widget.text(), "rendered: two");
assert.equal(widget.value(), "two");
assert.equal(updated_value, "two");
assert(reset_button.visible());
widget.update(null);
assert.equal($widget.text(), "translated: not set");
assert.equal(widget.value(), "");
assert.equal(updated_value, null);
assert(!reset_button.visible());
});
run_test("no_default_value", () => {
const opts = {
widget_name: "my_setting",
data: ["one", "two", "three"].map((x) => ({name: x, value: x})),
default_text: i18n.t("not set"),
render_text: (text) => `rendered: ${text}`,
null_value: "null-value",
};
blueslip.expect(
"warn",
"dropdown-list-widget: Called without a default value; using null value",
);
setup_zjquery_data(opts.widget_name);
const widget = dropdown_list_widget(opts);
assert.equal(widget.value(), "null-value");
});