"use strict"; const {strict: assert} = require("assert"); const {set_global, zrequire} = require("../zjsunit/namespace"); const {run_test} = require("../zjsunit/test"); const scroll_util = zrequire("scroll_util"); set_global("ui", { get_scroll_element: (element) => element, }); run_test("scroll_delta", () => { // If we are entirely on-screen, don't scroll assert.equal( 0, scroll_util.scroll_delta({ elem_top: 1, elem_bottom: 9, container_height: 10, }), ); assert.equal( 0, scroll_util.scroll_delta({ elem_top: -5, elem_bottom: 15, container_height: 10, }), ); // The top is offscreen. assert.equal( -3, scroll_util.scroll_delta({ elem_top: -3, elem_bottom: 5, container_height: 10, }), ); assert.equal( -3, scroll_util.scroll_delta({ elem_top: -3, elem_bottom: -1, container_height: 10, }), ); assert.equal( -11, scroll_util.scroll_delta({ elem_top: -150, elem_bottom: -1, container_height: 10, }), ); // The bottom is offscreen. assert.equal( 3, scroll_util.scroll_delta({ elem_top: 7, elem_bottom: 13, container_height: 10, }), ); assert.equal( 3, scroll_util.scroll_delta({ elem_top: 11, elem_bottom: 13, container_height: 10, }), ); assert.equal( 11, scroll_util.scroll_delta({ elem_top: 11, elem_bottom: 99, container_height: 10, }), ); }); run_test("scroll_element_into_container", () => { const container = (function () { let top = 3; return { height: () => 100, scrollTop: (arg) => { if (arg === undefined) { return top; } top = arg; return this; }, }; })(); const elem1 = { innerHeight: () => 25, position: () => ({ top: 0, }), }; scroll_util.scroll_element_into_container(elem1, container); assert.equal(container.scrollTop(), 3); const elem2 = { innerHeight: () => 15, position: () => ({ top: 250, }), }; scroll_util.scroll_element_into_container(elem2, container); assert.equal(container.scrollTop(), 250 - 100 + 3 + 15); });