sentry/tests/js/spec/utils/profiling/hooks/useProfiles.spec.tsx

import {ReactElement, useMemo} from 'react';

import {initializeOrg} from 'sentry-test/initializeOrg';
import {reactHooks} from 'sentry-test/reactTestingLibrary';

import {PageFilters} from 'sentry/types';
import {useProfiles} from 'sentry/utils/profiling/hooks/useProfiles';
import {OrganizationContext} from 'sentry/views/organizationContext';

const selection: PageFilters = {
  datetime: {
    period: '14d',
    utc: null,
    start: null,
    end: null,
  },
  environments: [],
  projects: [],
};

function TestContext({children}: {children: ReactElement}) {
  const {organization} = useMemo(() => initializeOrg(), []);

  return (
    <OrganizationContext.Provider value={organization}>
      {children}
    </OrganizationContext.Provider>
  );
}

describe('useProfiles', function () {
  afterEach(function () {
    MockApiClient.clearMockResponses();
  });

  it('initializes with the initial state', function () {
    const hook = reactHooks.renderHook(() => useProfiles({query: ''}), {
      wrapper: TestContext,
    });
    expect(hook.result.current).toEqual({type: 'initial'});
  });

  it('fetches profiles', async function () {
    MockApiClient.addMockResponse({
      url: '/organizations/org-slug/profiling/profiles/',
      body: [],
    });

    const hook = reactHooks.renderHook(() => useProfiles({query: '', selection}), {
      wrapper: TestContext,
    });
    expect(hook.result.current).toEqual({type: 'loading'});
    await hook.waitForNextUpdate();
    expect(hook.result.current).toEqual({
      type: 'resolved',
      data: {traces: [], pageLinks: null},
    });
  });
});