65 lines
1.8 KiB
TypeScript
65 lines
1.8 KiB
TypeScript
|
/*
|
||
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
||
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { describe, test, assert, afterEach } from 'vitest';
|
||
|
|
import { Window } from 'happy-dom';
|
||
|
|
import { onScrollBottom, onScrollTop } from '@/scripts/scroll';
|
||
|
|
|
||
|
|
describe('Scroll', () => {
|
||
|
|
describe('onScrollTop', () => {
|
||
|
|
test('Initial onScrollTop callback for connected elements', () => {
|
||
|
|
const { document } = new Window();
|
||
|
|
const div = document.createElement('div');
|
||
|
|
assert.strictEqual(div.scrollTop, 0);
|
||
|
|
|
||
|
|
document.body.append(div);
|
||
|
|
|
||
|
|
let called = false;
|
||
|
|
onScrollTop(div as any as HTMLElement, () => called = true);
|
||
|
|
|
||
|
|
assert.ok(called);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('No onScrollTop callback for disconnected elements', () => {
|
||
|
|
const { document } = new Window();
|
||
|
|
const div = document.createElement('div');
|
||
|
|
assert.strictEqual(div.scrollTop, 0);
|
||
|
|
|
||
|
|
let called = false;
|
||
|
|
onScrollTop(div as any as HTMLElement, () => called = true);
|
||
|
|
|
||
|
|
assert.ok(!called);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('onScrollBottom', () => {
|
||
|
|
test('Initial onScrollBottom callback for connected elements', () => {
|
||
|
|
const { document } = new Window();
|
||
|
|
const div = document.createElement('div');
|
||
|
|
assert.strictEqual(div.scrollTop, 0);
|
||
|
|
(div as any).scrollHeight = 100; // happy-dom has no scrollHeight
|
||
|
|
|
||
|
|
document.body.append(div);
|
||
|
|
|
||
|
|
let called = false;
|
||
|
|
onScrollBottom(div as any as HTMLElement, () => called = true);
|
||
|
|
|
||
|
|
assert.ok(called);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('No onScrollBottom callback for disconnected elements', () => {
|
||
|
|
const { document } = new Window();
|
||
|
|
const div = document.createElement('div');
|
||
|
|
assert.strictEqual(div.scrollTop, 0);
|
||
|
|
(div as any).scrollHeight = 100; // happy-dom has no scrollHeight
|
||
|
|
|
||
|
|
let called = false;
|
||
|
|
onScrollBottom(div as any as HTMLElement, () => called = true);
|
||
|
|
|
||
|
|
assert.ok(!called);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|