mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
import useVisibleRange from './useVisibleRange';
|
|
import { renderHook } from '@testing-library/react-hooks';
|
|
import { Size } from '@joplin/utils/types';
|
|
|
|
describe('useVisibleRange', () => {
|
|
|
|
test('should calculate indexes', () => {
|
|
|
|
// IN: scrollTop, listSize, itemSize, noteCount, flow
|
|
//
|
|
// OUT: [itemsPerLine, startNoteIndex, endNoteIndex, startLineIndex, endLineIndex, totalLineCount, visibleItemCount]
|
|
|
|
const testCases: [number, number, Size, Size, number, ReturnType<typeof useVisibleRange>][] = [
|
|
[
|
|
1,
|
|
150,
|
|
{ width: 100, height: 400 },
|
|
{ width: 100, height: 100 },
|
|
8,
|
|
[1, 5, 1, 5, 8, 5],
|
|
],
|
|
[
|
|
2,
|
|
100,
|
|
{ width: 220, height: 380 },
|
|
{ width: 100, height: 100 },
|
|
12,
|
|
[2, 9, 1, 4, 6, 8],
|
|
],
|
|
[
|
|
2,
|
|
50,
|
|
{ width: 220, height: 300 },
|
|
{ width: 100, height: 100 },
|
|
9,
|
|
[0, 7, 0, 3, 5, 8],
|
|
],
|
|
[
|
|
4,
|
|
0,
|
|
{ width: 410, height: 450 },
|
|
{ width: 100, height: 100 },
|
|
30,
|
|
[0, 19, 0, 4, 8, 20],
|
|
],
|
|
];
|
|
|
|
for (const [scrollTop, listSize, itemSize, noteCount, flow, expected] of testCases) {
|
|
const { result } = renderHook(() => useVisibleRange(
|
|
scrollTop,
|
|
listSize,
|
|
itemSize,
|
|
noteCount,
|
|
flow,
|
|
));
|
|
|
|
expect(result.current).toEqual(expected);
|
|
}
|
|
});
|
|
|
|
});
|