src/utils/hooks/use-posts-list/use-posts-list.test.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { describe, expect, it } from '@jest/globals';
import { act, renderHook } from '@testing-library/react';
import { getArticles } from '../../../services/graphql';
import { usePostsList } from './use-posts-list';

describe('usePostsList', () => {
  it('can return the first new result index when loading more posts', async () => {
    const perPage = 5;
    const { result } = renderHook(() =>
      usePostsList({ fetcher: getArticles, perPage })
    );

    expect.assertions(2);

    expect(result.current.firstNewResultIndex).toBeUndefined();

    await act(async () => {
      await result.current.loadMore();
    });

    // Assuming there is more than one page.
    expect(result.current.firstNewResultIndex).toBe(perPage + 1);
  });
});