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.js';
 | 
						|
 | 
						|
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);
 | 
						|
		});
 | 
						|
	});
 | 
						|
});
 |