mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 21:43:21 +00:00
4d14ba41ba
We wrap the [reset] anchor tag in a button so that we can set 'disabled' attribute on it. We change the styles to hide the [reset] button and the pencil icon when the widget is disabled. We also need to call `e.preventDefault()` in the event handler since now the anchor tag behaves as a button.
69 lines
2.2 KiB
JavaScript
69 lines
2.2 KiB
JavaScript
zrequire('dropdown_list_widget');
|
|
zrequire('scroll_util');
|
|
set_global('$', global.make_zjquery());
|
|
|
|
const noop = () => {};
|
|
const _list_render = {
|
|
create: () => {
|
|
return { 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');
|
|
});
|