zulip/frontend_tests/node_tests/stream_list.js

global.stub_out_jquery();

add_dependencies({
    Handlebars: 'handlebars',
    templates: 'js/templates',
    muting: 'js/muting',
    narrow: 'js/narrow',
    stream_color: 'js/stream_color',
    stream_data: 'js/stream_data',
    subs: 'js/subs',
    hashchange: 'js/hashchange'
});

set_global('unread', {});
set_global('message_store', {
    recent_private_messages: new global.Array()
});

var stream_list = require('js/stream_list.js');

// TODO: split out topic_list stuff to its own test module.
var topic_list = require('js/topic_list.js');

var jsdom = require("jsdom");
var window = jsdom.jsdom().defaultView;
global.$ = require('jquery')(window);
$.fn.expectOne = function () {
    assert(this.length === 1);
    return this;
};

global.compile_template('sidebar_private_message_list');
global.compile_template('stream_sidebar_row');
global.compile_template('stream_privacy');
global.compile_template('topic_list_item');

(function test_topic_list_build_widget() {
    var stream = "devel";
    var active_topic = "testing";
    var max_topics = 5;

    var topics = [
        {subject: "coding"}
    ];
    global.stream_data.populate_stream_topics_for_tests({"devel": topics});
    global.unread.num_unread_for_subject = function () {
        return 1;
    };

    var widget = topic_list.build_widget(stream, active_topic, max_topics);
    var topic_html = widget.get_dom();
    global.write_test_output("test_topic_list_build_widget", topic_html);

    var topic = $(topic_html).find('a').text().trim();
    assert.equal(topic, 'coding');
}());

(function test_build_private_messages_list() {
    var reply_tos = "alice@zulip.com,bob@zulip.com";
    var active_conversation = "Alice, Bob";
    var max_conversations = 5;


    var conversations = {reply_to: reply_tos,
                      display_reply_to: active_conversation,
                      timestamp: 0 };
    global.message_store.recent_private_messages.push(conversations);

    global.unread.num_unread_for_person = function () {
        return 1;
    };

    var convos_html = stream_list._build_private_messages_list(active_conversation, max_conversations);
    global.write_test_output("test_build_private_messages_list", convos_html);

    var conversation = $(convos_html).find('a').text().trim();
    assert.equal(conversation, active_conversation);
}());


(function test_create_sidebar_row() {
    // Make a couple calls to create_sidebar_row() and make sure they
    // generate the right markup as well as play nice with get_stream_li().

    var stream_filters = $('<ul id="stream_filters">');
    $("body").append(stream_filters);

    var stream = "devel";

    var devel = {
        name: 'devel',
        stream_id: 1000,
        color: 'blue',
        id: 5
    };
    global.stream_data.add_sub('devel', devel);

    var social = {
        name: 'social',
        stream_id: 2000,
        color: 'green',
        id: 6
    };
    global.stream_data.add_sub('social', social);

    stream_list.create_sidebar_row(devel);
    stream_list.create_sidebar_row(social);

    var html = $("body").html();
    global.write_test_output("test_create_sidebar_row", html);

    var li = stream_list.get_stream_li('social');
    assert.equal(li.attr('data-name'), 'social');
    assert.equal(li.find('.streamlist_swatch').attr('style'), 'background-color: green');
    assert.equal(li.find('a.stream-name').text().trim(), 'social');
    assert(li.find('.arrow').find("i").hasClass("icon-vector-chevron-down"));

    global.append_test_output("Then make 'social' private.");
    global.stream_data.get_sub('social').invite_only = true;
    stream_list.redraw_stream_privacy('social');

    html = $("body").html();
    global.append_test_output(html);

    assert(li.find('.stream-privacy').find("i").hasClass("icon-vector-lock"));
}());


(function test_sort_pin_to_top_streams() {

    var stream_search_box = $('<input class="stream-list-filter" type="text" placeholder="Search streams">');
    var stream_filters = $('<ul id="stream_filters">');
    $("body").empty();
    $("body").append(stream_search_box);
    $("body").append(stream_filters);

    var develSub = {
        name: 'devel',
        stream_id: 1000,
        color: 'blue',
        id: 5,
        pin_to_top: false,
        subscribed: true
    };
    stream_list.create_sidebar_row(develSub);
    global.stream_data.add_sub('devel', develSub);

    var socialSub = {
        name: 'social',
        stream_id: 2000,
        color: 'green',
        id: 6,
        pin_to_top: true,
        subscribed: true
    };
    stream_list.create_sidebar_row(socialSub);
    global.stream_data.add_sub('social', socialSub);
    stream_list.build_stream_list();
    assert.equal(socialSub.sidebar_li.nextAll().find('[ data-name="devel"]').length, 1);
}());