soapbox/src/api/hooks/groups/useGroupMedia.test.ts

import { __stub } from 'soapbox/api';
import { buildStatus } from 'soapbox/jest/factory';
import { renderHook, waitFor } from 'soapbox/jest/test-helpers';

import { useGroupMedia } from './useGroupMedia';

const status = buildStatus();
const groupId = '1';

describe('useGroupMedia hook', () => {
  describe('with a successful request', () => {
    beforeEach(() => {
      __stub((mock) => {
        mock.onGet(`/api/v1/timelines/group/${groupId}?only_media=true`).reply(200, [status]);
      });
    });

    it('is successful', async () => {
      const { result } = renderHook(() => useGroupMedia(groupId));

      await waitFor(() => expect(result.current.isFetching).toBe(false));

      expect(result.current.entities.length).toBe(1);
      expect(result.current.entities[0].id).toBe(status.id);
    });
  });

  describe('with an unsuccessful query', () => {
    beforeEach(() => {
      __stub((mock) => {
        mock.onGet(`/api/v1/timelines/group/${groupId}?only_media=true`).networkError();
      });
    });

    it('is has error state', async() => {
      const { result } = renderHook(() => useGroupMedia(groupId));

      await waitFor(() => expect(result.current.isFetching).toBe(false));

      expect(result.current.entities.length).toBe(0);
      expect(result.current.isError).toBeTruthy();
    });
  });
});