zulip/frontend_tests/node_tests/settings_bots.js

set_global("page_params", {
    realm_uri: "https://chat.example.com",
    realm_embedded_bots: [
        {name: "converter", config: {}},
        {name: "giphy", config: {key: "12345678"}},
        {name: "foobot", config: {bar: "baz", qux: "quux"}},
    ],
});

const bot_data_params = {
    realm_bots: [{api_key: 'QadL788EkiottHmukyhHgePUFHREiu8b',
                  email: '[email protected]',
                  full_name: 'Error bot',
                  user_id: 1,
                  services: []},
    ],
};

set_global("avatar", {});

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

zrequire('bot_data');
zrequire('settings_bots');
zrequire('people');

set_global('ClipboardJS', function (sel) {
    assert.equal(sel, '#copy_zuliprc');
});

bot_data.initialize(bot_data_params);

run_test('generate_zuliprc_uri', () => {
    const uri = settings_bots.generate_zuliprc_uri(1);
    const expected = "data:application/octet-stream;charset=utf-8," + encodeURIComponent(
        "[api]\[email protected]\n" +
        "key=QadL788EkiottHmukyhHgePUFHREiu8b\n" +
        "site=https://chat.example.com\n"
    );

    assert.equal(uri, expected);
});

run_test('generate_zuliprc_content', () => {
    const bot_user = bot_data.get(1);
    const content = settings_bots.generate_zuliprc_content(bot_user);
    const expected = "[api]\[email protected]\n" +
                   "key=QadL788EkiottHmukyhHgePUFHREiu8b\n" +
                   "site=https://chat.example.com\n";

    assert.equal(content, expected);
});

run_test('generate_botserverrc_content', () => {
    const user = {
        email: "[email protected]",
        api_key: "nSlA0mUm7G42LP85lMv7syqFTzDE2q34",
    };
    const service = {
        token: "abcd1234",
    };
    const content = settings_bots.generate_botserverrc_content(user.email,
                                                               user.api_key,
                                                               service.token);
    const expected = "[]\[email protected]\n" +
                   "key=nSlA0mUm7G42LP85lMv7syqFTzDE2q34\n" +
                   "site=https://chat.example.com\n" +
                   "token=abcd1234\n";

    assert.equal(content, expected);
});

function test_create_bot_type_input_box_toggle(f) {
    const create_payload_url = $('#create_payload_url');
    const payload_url_inputbox = $('#payload_url_inputbox');
    const config_inputbox = $('#config_inputbox');
    const EMBEDDED_BOT_TYPE = '4';
    const OUTGOING_WEBHOOK_BOT_TYPE = '3';
    const GENERIC_BOT_TYPE = '1';

    $('#create_bot_type :selected').val(EMBEDDED_BOT_TYPE);
    f();
    assert(!create_payload_url.hasClass('required'));
    assert(!payload_url_inputbox.visible());
    assert($('#select_service_name').hasClass('required'));
    assert($('#service_name_list').visible());
    assert(config_inputbox.visible());

    $('#create_bot_type :selected').val(OUTGOING_WEBHOOK_BOT_TYPE);
    f();
    assert(create_payload_url.hasClass('required'));
    assert(payload_url_inputbox.visible());
    assert(!config_inputbox.visible());

    $('#create_bot_type :selected').val(GENERIC_BOT_TYPE);
    f();
    assert(!create_payload_url.hasClass('required'));
    assert(!payload_url_inputbox.visible());
    assert(!config_inputbox.visible());
}

function set_up() {
    set_global('$', global.make_zjquery());

    // bunch of stubs

    $.validator = { addMethod: () => {} };

    $("#create_bot_form").validate = () => {};

    $('#create_bot_type').on = (action, f) => {
        if (action === 'change') {
            test_create_bot_type_input_box_toggle(f);
        }
    };

    $('#config_inputbox').children = () => {
        const mock_children = {
            hide: () => {
                return;
            },
        };
        return mock_children;
    };
    avatar.build_bot_create_widget = () => {};
    avatar.build_bot_edit_widget = () => {};

    settings_bots.set_up();
}

run_test('set_up', () => {
    set_up();
});

run_test('test tab clicks', () => {
    set_up();

    function click_on_tab(tab_elem) {
        const e = {
            preventDefault: () => {},
            stopPropagation: () => {},
        };
        tab_elem.click(e);
    }

    const tabs = {
        add: $('#bots_lists_navbar .add-a-new-bot-tab'),
        active: $('#bots_lists_navbar .active-bots-tab'),
        inactive: $('#bots_lists_navbar .inactive-bots-tab'),
    };

    $('#bots_lists_navbar .active').removeClass = (cls) => {
        assert.equal(cls, 'active');
        for (const tab of Object.values(tabs)) {
            tab.removeClass('active');
        }
    };

    const forms = {
        add: $('#add-a-new-bot-form'),
        active: $('#active_bots_list'),
        inactive: $('#inactive_bots_list'),
    };

    (function () {
        click_on_tab(tabs.add);
        assert(tabs.add.hasClass('active'));
        assert(!tabs.active.hasClass('active'));
        assert(!tabs.inactive.hasClass('active'));

        assert(forms.add.visible());
        assert(!forms.active.visible());
        assert(!forms.inactive.visible());
    }());

    (function () {
        click_on_tab(tabs.active);
        assert(!tabs.add.hasClass('active'));
        assert(tabs.active.hasClass('active'));
        assert(!tabs.inactive.hasClass('active'));

        assert(!forms.add.visible());
        assert(forms.active.visible());
        assert(!forms.inactive.visible());
    }());

    (function () {
        click_on_tab(tabs.inactive);
        assert(!tabs.add.hasClass('active'));
        assert(!tabs.active.hasClass('active'));
        assert(tabs.inactive.hasClass('active'));

        assert(!forms.add.visible());
        assert(!forms.active.visible());
        assert(forms.inactive.visible());
    }());
});

run_test('can_create_new_bots', () => {
    page_params.is_admin = true;
    assert(settings_bots.can_create_new_bots());

    page_params.is_admin = false;
    page_params.realm_bot_creation_policy = 1;
    assert(settings_bots.can_create_new_bots());

    page_params.realm_bot_creation_policy = 3;
    assert(!settings_bots.can_create_new_bots());
});