node tests: Add coverage for popovers.js.

frontend_tests/node_tests/popovers.js

@@ -0,0 +1,174 @@
+set_global('$', global.make_zjquery());
+set_global('i18n', global.stub_i18n);
+
+zrequire('hashchange');
+zrequire('hash_util');
+zrequire('narrow');
+zrequire('narrow_state');
+zrequire('people');
+zrequire('presence');
+
+var noop =  function () {};
+$.fn.popover = noop; // this will get wrapped by our code
+
+zrequire('popovers');
+
+set_global('current_msg_list', {});
+set_global('page_params', {});
+set_global('rows', {});
+set_global('templates', {});
+
+
+set_global('message_viewport', {
+    height: () => 500,
+});
+
+set_global('emoji_picker', {
+    hide_emoji_popover: noop,
+});
+
+set_global('stream_popover', {
+    hide_stream_popover: noop,
+    hide_topic_popover: noop,
+    hide_all_messages_popover: noop,
+    restore_stream_list_size: noop,
+});
+
+set_global('ClipboardJS', function (sel) {
+    assert.equal(sel, '.copy_link');
+});
+
+var alice = {
+    email: 'alice@example.com',
+    full_name: 'Alice Smith',
+    user_id: 42,
+};
+
+var me = {
+    email: 'me@example.com',
+    user_id: 30,
+    full_name: 'Me Myself',
+    timezone: 'US/Pacific',
+};
+
+function initialize_people() {
+    people.init();
+    people.add_in_realm(me);
+    people.add_in_realm(alice);
+    people.initialize_current_user(me.user_id);
+}
+
+initialize_people();
+
+function make_image_stubber() {
+    var images = [];
+
+    function stub_image() {
+        var image = {};
+        image.to_$ = () => {
+            return {
+                on: (name, f) => {
+                    assert.equal(name, "load");
+                    image.load_f = f;
+                },
+            };
+        };
+        images.push(image);
+        return image;
+    }
+
+    set_global('Image', function () {
+        return stub_image();
+    });
+
+    return {
+        get: (i) => images[i],
+    };
+}
+
+(function test_sender_hover() {
+    popovers.register_click_handlers();
+
+    var handler = $('#main_div').get_on_handler('click', '.sender_info_hover');
+    var e = {
+        stopPropagation: noop,
+    };
+
+    var message = {
+        id: 999,
+        sender_id: alice.user_id,
+    };
+
+    var target = $.create('click target');
+
+    target.offset = () => {
+        return {
+            top: 10,
+        };
+    };
+
+    rows.id = () => message.id;
+
+    current_msg_list.get = (msg_id) => {
+        assert.equal(msg_id, message.id);
+        return message;
+    };
+
+    current_msg_list.select_id = (msg_id) => {
+        assert.equal(msg_id, message.id);
+    };
+
+    target.closest = (sel) => {
+        assert.equal(sel, '.message_row');
+        return {};
+    };
+
+    templates.render = function (fn, opts) {
+        switch (fn) {
+            case 'user_info_popover':
+                assert.deepEqual(opts, {
+                    class: 'message-info-popover',
+                });
+                return 'popover-html';
+
+            case 'user_info_popover_title':
+                assert.deepEqual(opts, {
+                    user_avatar: 'avatar/alice@example.com',
+                });
+                return 'title-html';
+
+            case 'user_info_popover_content':
+                assert.deepEqual(opts, {
+                    user_full_name: 'Alice Smith',
+                    user_email: 'alice@example.com',
+                    user_id: 42,
+                    user_time: undefined,
+                    presence_status: 'offline',
+                    user_last_seen_time_status: 'translated: Unknown',
+                    pm_with_uri: '#narrow/pm-with/42-alice',
+                    sent_by_uri: '#narrow/sender/42-alice',
+                    narrowed: false,
+                    private_message_class: 'respond_personal_button',
+                    is_me: false,
+                    is_active: true,
+                    is_bot: undefined,
+                    is_sender_popover: true,
+                });
+                return 'content-html';
+
+            default:
+                throw Error('unrecognized template: ' + fn);
+        }
+    };
+
+    $('.user_popover_email').each = noop;
+
+    var image_stubber = make_image_stubber();
+
+    handler.call(target, e);
+
+    var avatar_img = image_stubber.get(0);
+    assert.equal(avatar_img.src, 'avatar/42/medium');
+
+    // todo: load image
+}());