zulip/frontend_tests/node_tests/stream_search.js

// This tests the stream searching functionality which currently
// lives in stream_list.js.

set_global('$', global.make_zjquery());
zrequire('stream_list');

const noop = () => {};

set_global('resize', {
    resize_page_components: noop,
});

set_global('popovers', {});
set_global('stream_popover', {});

function expand_sidebar() {
    $('.app-main .column-left').addClass('expanded');
}

function make_cursor_helper() {
    const events = [];

    stream_list.stream_cursor = {
        reset: () => {
            events.push('reset');
        },
        clear: () => {
            events.push('clear');
        },
    };

    return {
        events: events,
    };
}

function simulate_search_expanded() {
    // The way we check if the search widget is expanded
    // is kind of awkward.

    $('#stream-filters-container .input-append.notdisplayed').length = 0;
}

function simulate_search_collapsed() {
    $('#stream-filters-container .input-append.notdisplayed').length = 1;
}

function toggle_filter() {
    stream_list.toggle_filter_displayed({preventDefault: noop});
}

(function test_basics() {
    var cursor_helper;
    const input = $('.stream-list-filter');
    const header = $.create('header stub');

    input.parent = () => header;

    expand_sidebar();
    header.addClass('notdisplayed');

    cursor_helper = make_cursor_helper();

    function verify_expanded() {
        assert(!header.hasClass('notdisplayed'));
        simulate_search_expanded();
    }

    function verify_focused() {
        assert(stream_list.searching());
        assert(input.is_focused());
    }

    function verify_blurred() {
        assert(stream_list.searching());
        assert(input.is_focused());
    }

    function verify_collapsed() {
        assert(header.hasClass('notdisplayed'));
        assert(!input.is_focused());
        assert(!stream_list.searching());
        simulate_search_collapsed();
    }

    function verify_list_updated(f) {
        var updated;
        stream_list.update_streams_sidebar = () => {
            updated = true;
        };

        f();
        assert(updated);
    }

    // Initiate search (so expand widget).
    stream_list.initiate_search();
    verify_expanded();
    verify_focused();

    assert.deepEqual(cursor_helper.events, ['reset']);

    // Collapse the widget.
    cursor_helper = make_cursor_helper();

    toggle_filter();
    verify_collapsed();

    assert.deepEqual(cursor_helper.events, ['clear']);

    // Expand the widget.
    toggle_filter();
    verify_expanded();
    verify_focused();

    (function add_some_text_and_collapse() {
        cursor_helper = make_cursor_helper();
        input.val('foo');
        verify_list_updated(() => {
            toggle_filter();
        });

        verify_collapsed();
        assert.deepEqual(cursor_helper.events, ['reset', 'clear']);
    }());

    // Expand the widget.
    toggle_filter();
    verify_expanded();
    verify_focused();

    // Clear an empty search.
    stream_list.clear_search();
    verify_collapsed();

    // Expand the widget.
    toggle_filter();
    stream_list.initiate_search();

    // Clear a non-empty search.
    input.val('foo');
    verify_list_updated(() => {
        stream_list.clear_search();
    });
    verify_expanded();

    // Expand the widget.
    toggle_filter();
    stream_list.initiate_search();

    // Escape a non-empty search.
    input.val('foo');
    stream_list.escape_search();
    verify_blurred();

    // Expand the widget.
    toggle_filter();
    stream_list.initiate_search();

    // Escape an empty search.
    input.val('');
    stream_list.escape_search();
    verify_collapsed();

}());

(function test_expanding_sidebar() {
    $('.app-main .column-left').removeClass('expanded');

    const events = [];
    popovers.hide_all = () => {
        events.push('popovers.hide_all');
    };
    stream_popover.show_streamlist_sidebar  = () => {
        events.push('stream_popover.show_streamlist_sidebar');
    };

    stream_list.initiate_search();

    assert.deepEqual(events, [
        'popovers.hide_all',
        'stream_popover.show_streamlist_sidebar',
    ]);
}());