mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 05:53:43 +00:00
1c2fd19d69
This commit attempts to revert the lightbox state (at least the pan/zoom part of it) when the lightbox is closed. The open() function has been turned into a factory function so that the zoom control which is instantiated on initialization of the lightbox can be passed in to the on_close handler of overlay.open().
95 lines
2.3 KiB
JavaScript
95 lines
2.3 KiB
JavaScript
"use strict";
|
|
|
|
const {strict: assert} = require("assert");
|
|
|
|
const {mock_esm, set_global, zrequire} = require("../zjsunit/namespace");
|
|
const {run_test} = require("../zjsunit/test");
|
|
const $ = require("../zjsunit/zjquery");
|
|
|
|
set_global("Image", class Image {});
|
|
mock_esm("../../static/js/overlays", {
|
|
close_overlay: () => {},
|
|
|
|
close_active: () => {},
|
|
open_overlay: () => {},
|
|
});
|
|
mock_esm("../../static/js/popovers", {
|
|
hide_all: () => {},
|
|
});
|
|
|
|
const message_store = mock_esm("../../static/js/message_store");
|
|
const rows = zrequire("rows");
|
|
|
|
const lightbox = zrequire("lightbox");
|
|
|
|
function test(label, f) {
|
|
run_test(label, ({override, override_rewire}) => {
|
|
lightbox.clear_for_testing();
|
|
f({override, override_rewire});
|
|
});
|
|
}
|
|
|
|
test("pan_and_zoom", ({override_rewire}) => {
|
|
const img = $.create("img-stub");
|
|
const link = $.create("link-stub");
|
|
const msg = $.create("msg-stub");
|
|
|
|
$(img).closest = () => [];
|
|
|
|
img.set_parent(link);
|
|
link.closest = () => msg;
|
|
|
|
override_rewire(rows, "id", (row) => {
|
|
assert.equal(row, msg);
|
|
return 1234;
|
|
});
|
|
|
|
img.attr("src", "example");
|
|
|
|
let fetched_zid;
|
|
|
|
message_store.get = (zid) => {
|
|
fetched_zid = zid;
|
|
return "message-stub";
|
|
};
|
|
|
|
override_rewire(lightbox, "render_lightbox_list_images", () => {});
|
|
const open_image = lightbox.build_open_image_function();
|
|
open_image(img);
|
|
|
|
assert.equal(fetched_zid, 1234);
|
|
});
|
|
|
|
test("youtube", ({override_rewire}) => {
|
|
const href = "https://youtube.com/some-random-clip";
|
|
const img = $.create("img-stub");
|
|
const link = $.create("link-stub");
|
|
const msg = $.create("msg-stub");
|
|
|
|
override_rewire(rows, "id", (row) => {
|
|
assert.equal(row, msg);
|
|
return 4321;
|
|
});
|
|
|
|
$(img).attr("src", href);
|
|
|
|
$(img).closest = (sel) => {
|
|
if (sel === ".youtube-video") {
|
|
// We just need a nonempty array to
|
|
// set is_youtube_video to true.
|
|
return ["whatever"];
|
|
}
|
|
return [];
|
|
};
|
|
|
|
img.set_parent(link);
|
|
link.closest = () => msg;
|
|
link.attr("href", href);
|
|
|
|
override_rewire(lightbox, "render_lightbox_list_images", () => {});
|
|
|
|
const open_image = lightbox.build_open_image_function();
|
|
open_image(img);
|
|
assert.equal($(".image-actions .open").attr("href"), href);
|
|
});
|