mirror of
https://github.com/grafana/grafana.git
synced 2025-02-15 01:53:33 -06:00
524f111ab3
* Explore: Allow the use of plugin panels Allow plugins to define a visualisation to use in explore that comes from a plugin. * Explore: Allow the use of plugin panels Rename ExplorePanel to CustomContainer * Explore: Allow the use of plugin panels Changed CustomContainer to take all frames for plugin id. Add field preferredVisualisationPluginId to frame metadata. Updated decorators to check for plugin and fallback to preferredVisualisationType if plugin cannot be found. * Explore: Allow the use of plugin panels Handle case where there are no custom frames * Explore: Allow the use of plugin panels Add test cases
107 lines
2.7 KiB
TypeScript
107 lines
2.7 KiB
TypeScript
import { render, screen, fireEvent } from '@testing-library/react';
|
|
import React, { ComponentProps } from 'react';
|
|
import { Observable } from 'rxjs';
|
|
|
|
import { LoadingState, InternalTimeZones, getDefaultTimeRange } from '@grafana/data';
|
|
|
|
import { ExploreQueryInspector } from './ExploreQueryInspector';
|
|
|
|
type ExploreQueryInspectorProps = ComponentProps<typeof ExploreQueryInspector>;
|
|
|
|
jest.mock('../inspector/styles', () => ({
|
|
getPanelInspectorStyles: () => ({}),
|
|
}));
|
|
|
|
jest.mock('app/core/services/backend_srv', () => ({
|
|
backendSrv: {
|
|
getInspectorStream: () =>
|
|
new Observable((subscriber) => {
|
|
subscriber.next(response());
|
|
subscriber.next(response(true));
|
|
}),
|
|
},
|
|
}));
|
|
|
|
jest.mock('app/core/services/context_srv', () => ({
|
|
contextSrv: {
|
|
user: { orgId: 1 },
|
|
},
|
|
}));
|
|
|
|
jest.mock('@grafana/runtime', () => ({
|
|
...jest.requireActual('@grafana/runtime'),
|
|
reportInteraction: () => null,
|
|
}));
|
|
|
|
const setup = (propOverrides = {}) => {
|
|
const props: ExploreQueryInspectorProps = {
|
|
loading: false,
|
|
width: 100,
|
|
exploreId: 'left',
|
|
onClose: jest.fn(),
|
|
timeZone: InternalTimeZones.utc,
|
|
queryResponse: {
|
|
state: LoadingState.Done,
|
|
series: [],
|
|
timeRange: getDefaultTimeRange(),
|
|
graphFrames: [],
|
|
logsFrames: [],
|
|
tableFrames: [],
|
|
traceFrames: [],
|
|
customFrames: [],
|
|
nodeGraphFrames: [],
|
|
flameGraphFrames: [],
|
|
rawPrometheusFrames: [],
|
|
graphResult: null,
|
|
logsResult: null,
|
|
tableResult: null,
|
|
rawPrometheusResult: null,
|
|
},
|
|
runQueries: jest.fn(),
|
|
...propOverrides,
|
|
};
|
|
|
|
return render(<ExploreQueryInspector {...props} />);
|
|
};
|
|
|
|
describe('ExploreQueryInspector', () => {
|
|
it('should render closable drawer component', () => {
|
|
setup();
|
|
expect(screen.getByLabelText(/close query inspector/i)).toBeInTheDocument();
|
|
});
|
|
it('should render 4 Tabs if queryResponse has no error', () => {
|
|
setup();
|
|
expect(screen.getAllByLabelText(/tab/i)).toHaveLength(4);
|
|
});
|
|
it('should render 5 Tabs if queryResponse has error', () => {
|
|
setup({ queryResponse: { error: 'Bad gateway' } });
|
|
expect(screen.getAllByLabelText(/tab/i)).toHaveLength(5);
|
|
});
|
|
it('should display query data when click on expanding', () => {
|
|
setup();
|
|
fireEvent.click(screen.getByLabelText(/tab query/i));
|
|
fireEvent.click(screen.getByText(/expand all/i));
|
|
expect(screen.getByText(/very unique test value/i)).toBeInTheDocument();
|
|
});
|
|
});
|
|
|
|
const response = (hideFromInspector = false) => ({
|
|
status: 1,
|
|
statusText: '',
|
|
ok: true,
|
|
headers: {},
|
|
redirected: false,
|
|
type: 'basic',
|
|
url: '',
|
|
request: {},
|
|
data: {
|
|
test: {
|
|
testKey: 'Very unique test value',
|
|
},
|
|
},
|
|
config: {
|
|
url: '',
|
|
hideFromInspector,
|
|
},
|
|
});
|