zulip/frontend_tests/node_tests/narrow.js

340 lines
11 KiB
JavaScript

set_global('$', global.make_zjquery());
zrequire('hash_util');
zrequire('hashchange');
zrequire('narrow_state');
zrequire('people');
zrequire('stream_data');
zrequire('Filter', 'js/filter');
set_global('page_params', {
stop_words: ['what', 'about'],
});
set_global('resize', {
resize_page_components: () => {},
resize_stream_filters_container: () => {},
});
zrequire('narrow');
function set_filter(operators) {
operators = operators.map(op => ({
operator: op[0],
operand: op[1],
}));
narrow_state.set_current_filter(new Filter(operators));
}
const me = {
email: 'me@example.com',
user_id: 5,
full_name: 'Me Myself',
};
const alice = {
email: 'alice@example.com',
user_id: 23,
full_name: 'Alice Smith',
};
const ray = {
email: 'ray@example.com',
user_id: 22,
full_name: 'Raymond',
};
run_test('uris', () => {
people.add_active_user(ray);
people.add_active_user(alice);
people.add_active_user(me);
people.initialize_current_user(me.user_id);
let uri = hash_util.pm_with_uri(ray.email);
assert.equal(uri, '#narrow/pm-with/22-ray');
uri = hash_util.huddle_with_uri("22,23");
assert.equal(uri, '#narrow/pm-with/22,23-group');
uri = hash_util.by_sender_uri(ray.email);
assert.equal(uri, '#narrow/sender/22-ray');
let emails = global.hash_util.decode_operand('pm-with', '22,23-group');
assert.equal(emails, 'alice@example.com,ray@example.com');
emails = global.hash_util.decode_operand('pm-with', '5,22,23-group');
assert.equal(emails, 'alice@example.com,ray@example.com');
emails = global.hash_util.decode_operand('pm-with', '5-group');
assert.equal(emails, 'me@example.com');
});
run_test('show_empty_narrow_message', () => {
narrow_state.reset_current_filter();
narrow.show_empty_narrow_message();
assert.equal($('.empty_feed_notice').visible(), false);
assert($('#empty_narrow_message').visible());
assert.equal(
$('#left_bar_compose_reply_button_big').attr('title'),
'translated: There are no messages to reply to.'
);
// for non-existent or private stream
set_filter([['stream', 'Foo']]);
narrow.show_empty_narrow_message();
assert($('#nonsubbed_private_nonexistent_stream_narrow_message').visible());
// for non sub public stream
stream_data.add_sub({name: 'ROME', stream_id: 99});
stream_data.update_calculated_fields(stream_data.get_sub("ROME"));
set_filter([['stream', 'Rome']]);
narrow.show_empty_narrow_message();
assert($('#nonsubbed_stream_narrow_message').visible());
set_filter([['is', 'starred']]);
narrow.show_empty_narrow_message();
assert($('#empty_star_narrow_message').visible());
set_filter([['is', 'mentioned']]);
narrow.show_empty_narrow_message();
assert($('#empty_narrow_all_mentioned').visible());
set_filter([['is', 'private']]);
narrow.show_empty_narrow_message();
assert($('#empty_narrow_all_private_message').visible());
set_filter([['is', 'unread']]);
narrow.show_empty_narrow_message();
assert($('#no_unread_narrow_message').visible());
set_filter([['pm-with', ['Yo']]]);
narrow.show_empty_narrow_message();
assert($('#non_existing_user').visible());
people.add_active_user(alice);
set_filter([['pm-with', ['alice@example.com', 'Yo']]]);
narrow.show_empty_narrow_message();
assert($('#non_existing_users').visible());
set_filter([['pm-with', 'alice@example.com']]);
narrow.show_empty_narrow_message();
assert($('#empty_narrow_private_message').visible());
set_filter([['group-pm-with', 'alice@example.com']]);
narrow.show_empty_narrow_message();
assert($('#empty_narrow_group_private_message').visible());
set_filter([['sender', 'ray@example.com']]);
narrow.show_empty_narrow_message();
assert($('#silent_user').visible());
set_filter([['sender', 'sinwar@example.com']]);
narrow.show_empty_narrow_message();
assert($('#non_existing_user').visible());
const display = $("#empty_search_stop_words_string");
const items = [];
display.append = (html) => {
items.push(html);
};
set_filter([['search', 'grail']]);
narrow.show_empty_narrow_message();
assert($('#empty_search_narrow_message').visible());
assert.equal(items.length, 2);
assert.equal(items[0], ' ');
assert.equal(items[1].text(), 'grail');
});
run_test('show_search_stopwords', () => {
narrow_state.reset_current_filter();
let items = [];
const display = $("#empty_search_stop_words_string");
display.append = (html) => {
if (html.text) {
items.push(html.selector + html.text());
}
};
set_filter([['search', 'what about grail']]);
narrow.show_empty_narrow_message();
assert($('#empty_search_narrow_message').visible());
assert.equal(items.length, 3);
assert.equal(items[0], '<del>what');
assert.equal(items[1], '<del>about');
assert.equal(items[2], '<span>grail');
items = [];
set_filter([['stream', 'streamA'], ['search', 'what about grail']]);
narrow.show_empty_narrow_message();
assert($('#empty_search_narrow_message').visible());
assert.equal(items.length, 4);
assert.equal(items[0], '<span>stream: streamA');
assert.equal(items[1], '<del>what');
assert.equal(items[2], '<del>about');
assert.equal(items[3], '<span>grail');
items = [];
set_filter([['stream', 'streamA'], ['topic', 'topicA'], ['search', 'what about grail']]);
narrow.show_empty_narrow_message();
assert($('#empty_search_narrow_message').visible());
assert.equal(items.length, 4);
assert.equal(items[0], '<span>stream: streamA topic: topicA');
assert.equal(items[1], '<del>what');
assert.equal(items[2], '<del>about');
assert.equal(items[3], '<span>grail');
});
run_test('show_invalid_narrow_message', () => {
narrow_state.reset_current_filter();
const display = $("#empty_search_stop_words_string");
stream_data.add_sub({name: 'streamA', stream_id: 88});
stream_data.add_sub({name: 'streamB', stream_id: 77});
set_filter([['stream', 'streamA'], ['stream', 'streamB']]);
narrow.show_empty_narrow_message();
assert($('#empty_search_narrow_message').visible());
assert.equal(display.text(), 'translated: You are searching for messages that belong to more than one stream, which is not possible.');
set_filter([['topic', 'topicA'], ['topic', 'topicB']]);
narrow.show_empty_narrow_message();
assert($('#empty_search_narrow_message').visible());
assert.equal(display.text(), 'translated: You are searching for messages that belong to more than one topic, which is not possible.');
people.add_active_user(ray);
people.add_active_user(alice);
set_filter([['sender', 'alice@example.com'], ['sender', 'ray@example.com']]);
narrow.show_empty_narrow_message();
assert($('#empty_search_narrow_message').visible());
assert.equal(display.text(), 'translated: You are searching for messages that are sent by more than one person, which is not possible.');
});
run_test('narrow_to_compose_target', () => {
set_global('compose_state', {});
set_global('stream_topic_history', {});
const args = {called: false};
const activate_backup = narrow.activate;
narrow.activate = function (operators, opts) {
args.operators = operators;
args.opts = opts;
args.called = true;
};
// No-op when not composing.
global.compose_state.composing = () => false;
narrow.to_compose_target();
assert.equal(args.called, false);
global.compose_state.composing = () => true;
// No-op when empty stream.
global.compose_state.get_message_type = () => 'stream';
global.compose_state.stream_name = () => '';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, false);
// --- Tests for stream messages ---
global.compose_state.get_message_type = () => 'stream';
stream_data.add_sub({name: 'ROME', stream_id: 99});
global.compose_state.stream_name = () => 'ROME';
global.stream_topic_history.get_recent_topic_names = () => ['one', 'two', 'three'];
// Test with existing topic
global.compose_state.topic = () => 'one';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.equal(args.opts.trigger, 'narrow_to_compose_target');
assert.deepEqual(args.operators, [
{operator: 'stream', operand: 'ROME'},
{operator: 'topic', operand: 'one'},
]);
// Test with new topic
global.compose_state.topic = () => 'four';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'stream', operand: 'ROME'},
]);
// Test with blank topic
global.compose_state.topic = () => '';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'stream', operand: 'ROME'},
]);
// Test with no topic
global.compose_state.topic = () => {};
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'stream', operand: 'ROME'},
]);
// --- Tests for PMs ---
global.compose_state.get_message_type = () => 'private';
people.add_active_user(ray);
people.add_active_user(alice);
people.add_active_user(me);
// Test with valid person
global.compose_state.private_message_recipient = () => 'alice@example.com';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'pm-with', operand: 'alice@example.com'},
]);
// Test with valid persons
global.compose_state.private_message_recipient = () => 'alice@example.com,ray@example.com';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'pm-with', operand: 'alice@example.com,ray@example.com'},
]);
// Test with some invalid persons
global.compose_state.private_message_recipient = () => 'alice@example.com,random,ray@example.com';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'is', operand: 'private'},
]);
// Test with all invalid persons
global.compose_state.private_message_recipient = () => 'alice,random,ray';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'is', operand: 'private'},
]);
// Test with no persons
global.compose_state.private_message_recipient = () => '';
args.called = false;
narrow.to_compose_target();
assert.equal(args.called, true);
assert.deepEqual(args.operators, [
{operator: 'is', operand: 'private'},
]);
narrow.activate = activate_backup;
});