123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- import type {ReactNode} from 'react';
- import {LocationFixture} from 'sentry-fixture/locationFixture';
- import {OrganizationFixture} from 'sentry-fixture/organization';
- import {makeTestQueryClient} from 'sentry-test/queryClient';
- import {renderHook, waitFor} from 'sentry-test/reactTestingLibrary';
- import {QueryClientProvider} from 'sentry/utils/queryClient';
- import {MutableSearch} from 'sentry/utils/tokenizeSearch';
- import {useLocation} from 'sentry/utils/useLocation';
- import useOrganization from 'sentry/utils/useOrganization';
- import usePageFilters from 'sentry/utils/usePageFilters';
- import {useSpanMetrics} from 'sentry/views/starfish/queries/useDiscover';
- import type {SpanMetricsProperty} from 'sentry/views/starfish/types';
- jest.mock('sentry/utils/useLocation');
- jest.mock('sentry/utils/usePageFilters');
- jest.mock('sentry/utils/useOrganization');
- function Wrapper({children}: {children?: ReactNode}) {
- return (
- <QueryClientProvider client={makeTestQueryClient()}>{children}</QueryClientProvider>
- );
- }
- describe('useSpanMetrics', () => {
- const organization = OrganizationFixture();
- jest.mocked(usePageFilters).mockReturnValue({
- isReady: true,
- desyncedFilters: new Set(),
- pinnedFilters: new Set(),
- shouldPersist: true,
- selection: {
- datetime: {
- period: '10d',
- start: null,
- end: null,
- utc: false,
- },
- environments: [],
- projects: [],
- },
- });
- jest.mocked(useLocation).mockReturnValue(
- LocationFixture({
- query: {statsPeriod: '10d'},
- })
- );
- jest.mocked(useOrganization).mockReturnValue(organization);
- it('respects the `enabled` prop', () => {
- const eventsRequest = MockApiClient.addMockResponse({
- url: `/organizations/${organization.slug}/events/`,
- method: 'GET',
- body: {data: []},
- });
- const {result} = renderHook(
- ({fields, enabled}) => useSpanMetrics({fields, enabled}, 'span-metrics-series'),
- {
- wrapper: Wrapper,
- initialProps: {
- fields: ['spm()'] as SpanMetricsProperty[],
- enabled: false,
- },
- }
- );
- expect(result.current.isFetching).toEqual(false);
- expect(eventsRequest).not.toHaveBeenCalled();
- });
- it('queries for current selection', async () => {
- const eventsRequest = MockApiClient.addMockResponse({
- url: `/organizations/${organization.slug}/events/`,
- method: 'GET',
- body: {
- data: [
- {
- 'span.op': 'db',
- 'spm()': 1486.3201388888888,
- 'count()': 2140301,
- },
- ],
- },
- });
- const {result} = renderHook(
- ({filters, fields, sorts, limit, cursor, referrer}) =>
- useSpanMetrics(
- {
- search: MutableSearch.fromQueryObject(filters),
- fields,
- sorts,
- limit,
- cursor,
- },
- referrer
- ),
- {
- wrapper: Wrapper,
- initialProps: {
- filters: {
- 'span.group': '221aa7ebd216',
- transaction: '/api/details',
- release: '0.0.1',
- environment: undefined,
- },
- fields: ['spm()'] as SpanMetricsProperty[],
- sorts: [{field: 'spm()', kind: 'desc' as const}],
- limit: 10,
- referrer: 'api-spec',
- cursor: undefined,
- },
- }
- );
- expect(result.current.isLoading).toEqual(true);
- expect(eventsRequest).toHaveBeenCalledWith(
- '/organizations/org-slug/events/',
- expect.objectContaining({
- method: 'GET',
- query: {
- dataset: 'spansMetrics',
- environment: [],
- field: ['spm()'],
- per_page: 10,
- project: [],
- sort: '-spm()',
- query: `span.group:221aa7ebd216 transaction:/api/details release:0.0.1`,
- referrer: 'api-spec',
- statsPeriod: '10d',
- },
- })
- );
- await waitFor(() => expect(result.current.isLoading).toEqual(false));
- expect(result.current.data).toEqual([
- {
- 'span.op': 'db',
- 'spm()': 1486.3201388888888,
- 'count()': 2140301,
- },
- ]);
- });
- });
|