mirror of https://github.com/zulip/zulip.git
285 lines
8.5 KiB
JavaScript
285 lines
8.5 KiB
JavaScript
"use strict";
|
|
|
|
set_global("page_params", {
|
|
search_pills_enabled: false,
|
|
});
|
|
zrequire("search");
|
|
zrequire("message_view_header");
|
|
|
|
const noop = () => {};
|
|
const return_true = () => true;
|
|
const return_false = () => false;
|
|
|
|
set_global("$", global.make_zjquery());
|
|
set_global("narrow_state", {});
|
|
set_global("search_suggestion", {});
|
|
set_global("ui_util", {
|
|
change_tab_to: noop,
|
|
});
|
|
set_global("narrow", {});
|
|
set_global("Filter", {});
|
|
|
|
global.patch_builtin("setTimeout", (func) => func());
|
|
|
|
run_test("update_button_visibility", () => {
|
|
const search_query = $("#search_query");
|
|
const search_button = $(".search_button");
|
|
|
|
search_query.is = return_false;
|
|
search_query.val("");
|
|
narrow_state.active = return_false;
|
|
search_button.prop("disabled", true);
|
|
search.update_button_visibility();
|
|
assert(search_button.prop("disabled"));
|
|
|
|
search_query.is = return_true;
|
|
search_query.val("");
|
|
narrow_state.active = return_false;
|
|
search_button.prop("disabled", true);
|
|
search.update_button_visibility();
|
|
assert(!search_button.prop("disabled"));
|
|
|
|
search_query.is = return_false;
|
|
search_query.val("Test search term");
|
|
narrow_state.active = return_false;
|
|
search_button.prop("disabled", true);
|
|
search.update_button_visibility();
|
|
assert(!search_button.prop("disabled"));
|
|
|
|
search_query.is = return_false;
|
|
search_query.val("");
|
|
narrow_state.active = return_true;
|
|
search_button.prop("disabled", true);
|
|
search.update_button_visibility();
|
|
assert(!search_button.prop("disabled"));
|
|
});
|
|
|
|
run_test("initialize", () => {
|
|
const search_query_box = $("#search_query");
|
|
const searchbox_form = $("#searchbox_form");
|
|
const search_button = $(".search_button");
|
|
|
|
search_suggestion.max_num_of_search_results = 999;
|
|
search_query_box.typeahead = (opts) => {
|
|
assert.equal(opts.fixed, true);
|
|
assert.equal(opts.items, 999);
|
|
assert.equal(opts.naturalSearch, true);
|
|
assert.equal(opts.helpOnEmptyStrings, true);
|
|
assert.equal(opts.matcher(), true);
|
|
|
|
{
|
|
const search_suggestions = {
|
|
lookup_table: new Map([
|
|
[
|
|
"stream:Verona",
|
|
{
|
|
description: "Stream <strong>Ver</strong>ona",
|
|
search_string: "stream:Verona",
|
|
},
|
|
],
|
|
[
|
|
"ver",
|
|
{
|
|
description: "Search for ver",
|
|
search_string: "ver",
|
|
},
|
|
],
|
|
]),
|
|
strings: ["ver", "stream:Verona"],
|
|
};
|
|
|
|
/* Test source */
|
|
search_suggestion.get_suggestions = () => search_suggestions;
|
|
const expected_source_value = search_suggestions.strings;
|
|
const source = opts.source("ver");
|
|
assert.equal(source, expected_source_value);
|
|
|
|
/* Test highlighter */
|
|
let expected_value = "Search for ver";
|
|
assert.equal(opts.highlighter(source[0]), expected_value);
|
|
|
|
expected_value = "Stream <strong>Ver</strong>ona";
|
|
assert.equal(opts.highlighter(source[1]), expected_value);
|
|
|
|
/* Test sorter */
|
|
assert.equal(opts.sorter(search_suggestions.strings), search_suggestions.strings);
|
|
}
|
|
|
|
{
|
|
let operators;
|
|
let is_blurred;
|
|
search_query_box.on("blur", () => {
|
|
is_blurred = true;
|
|
});
|
|
/* Test updater */
|
|
const _setup = (search_box_val) => {
|
|
is_blurred = false;
|
|
search_query_box.val(search_box_val);
|
|
Filter.parse = (search_string) => {
|
|
assert.equal(search_string, search_box_val);
|
|
return operators;
|
|
};
|
|
narrow.activate = (raw_operators, options) => {
|
|
assert.deepEqual(raw_operators, operators);
|
|
assert.deepEqual(options, {trigger: "search"});
|
|
};
|
|
};
|
|
|
|
operators = [
|
|
{
|
|
negated: false,
|
|
operator: "search",
|
|
operand: "ver",
|
|
},
|
|
];
|
|
_setup("ver");
|
|
assert.equal(opts.updater("ver"), "ver");
|
|
assert(is_blurred);
|
|
|
|
operators = [
|
|
{
|
|
negated: false,
|
|
operator: "stream",
|
|
operand: "Verona",
|
|
},
|
|
];
|
|
_setup("stream:Verona");
|
|
assert.equal(opts.updater("stream:Verona"), "stream:Verona");
|
|
assert(is_blurred);
|
|
|
|
search.is_using_input_method = true;
|
|
_setup("stream:Verona");
|
|
assert.equal(opts.updater("stream:Verona"), "stream:Verona");
|
|
assert(!is_blurred);
|
|
|
|
search_query_box.off("blur");
|
|
}
|
|
};
|
|
|
|
search.initialize();
|
|
|
|
search_button.prop("disabled", true);
|
|
search_query_box.trigger("focus");
|
|
assert(!search_button.prop("disabled"));
|
|
|
|
search_query_box.val("test string");
|
|
narrow_state.search_string = () => "ver";
|
|
search_query_box.trigger("blur");
|
|
assert.equal(search_query_box.val(), "test string");
|
|
|
|
search.is_using_input_method = false;
|
|
searchbox_form.trigger("compositionend");
|
|
assert(search.is_using_input_method);
|
|
|
|
const keydown = searchbox_form.get_on_handler("keydown");
|
|
let ev = {
|
|
type: "keydown",
|
|
which: 15,
|
|
};
|
|
search_query_box.is = return_false;
|
|
assert.equal(keydown(ev), undefined);
|
|
|
|
ev.which = 13;
|
|
assert.equal(keydown(ev), undefined);
|
|
|
|
ev.which = 13;
|
|
search_query_box.is = return_true;
|
|
assert.equal(keydown(ev), false);
|
|
|
|
ev = {
|
|
type: "keyup",
|
|
};
|
|
let operators;
|
|
let is_blurred;
|
|
narrow_state.active = return_false;
|
|
search_query_box.off("blur");
|
|
search_query_box.on("blur", () => {
|
|
is_blurred = true;
|
|
});
|
|
|
|
const _setup = (search_box_val) => {
|
|
is_blurred = false;
|
|
search_button.prop("disabled", false);
|
|
search_query_box.val(search_box_val);
|
|
Filter.parse = (search_string) => {
|
|
assert.equal(search_string, search_box_val);
|
|
return operators;
|
|
};
|
|
narrow.activate = (raw_operators, options) => {
|
|
assert.deepEqual(raw_operators, operators);
|
|
assert.deepEqual(options, {trigger: "search"});
|
|
};
|
|
};
|
|
|
|
operators = [
|
|
{
|
|
negated: false,
|
|
operator: "search",
|
|
operand: "",
|
|
},
|
|
];
|
|
_setup("");
|
|
|
|
ev.which = 15;
|
|
search_query_box.is = return_false;
|
|
searchbox_form.trigger(ev);
|
|
|
|
assert(!is_blurred);
|
|
assert(!search_button.prop("disabled"));
|
|
|
|
ev.which = 13;
|
|
search_query_box.is = return_false;
|
|
searchbox_form.trigger(ev);
|
|
|
|
assert(!is_blurred);
|
|
assert(!search_button.prop("disabled"));
|
|
|
|
ev.which = 13;
|
|
search_query_box.is = return_true;
|
|
searchbox_form.trigger(ev);
|
|
assert(is_blurred);
|
|
|
|
_setup("ver");
|
|
search.is_using_input_method = true;
|
|
searchbox_form.trigger(ev);
|
|
// No change on Enter keyup event when using input tool
|
|
assert(!is_blurred);
|
|
assert(!search_button.prop("disabled"));
|
|
|
|
_setup("ver");
|
|
ev.which = 13;
|
|
search_query_box.is = return_true;
|
|
searchbox_form.trigger(ev);
|
|
assert(is_blurred);
|
|
assert(!search_button.prop("disabled"));
|
|
});
|
|
|
|
run_test("initiate_search", () => {
|
|
// open typeahead and select text when navbar is open
|
|
// this implicitly expects the code to used the chained
|
|
// function calls, which is something to keep in mind if
|
|
// this test ever fails unexpectedly.
|
|
narrow_state.filter = () => ({is_search: return_true});
|
|
let typeahead_forced_open = false;
|
|
let is_searchbox_text_selected = false;
|
|
$("#search_query").typeahead = (lookup) => {
|
|
if (lookup === "lookup") {
|
|
typeahead_forced_open = true;
|
|
}
|
|
return $("#search_query");
|
|
};
|
|
$("#search_query").on("select", () => {
|
|
is_searchbox_text_selected = true;
|
|
});
|
|
|
|
search.initiate_search();
|
|
assert(typeahead_forced_open);
|
|
assert(is_searchbox_text_selected);
|
|
assert.equal($("#search_query").val(), "ver");
|
|
|
|
// test that we append space for user convenience
|
|
narrow_state.filter = () => ({is_search: return_false});
|
|
search.initiate_search();
|
|
assert.equal($("#search_query").val(), "ver ");
|
|
});
|