mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
09f48173fe
* Add Button & Form * Save to new dashboard * minor adjustements * move modal to a separate component * handle dashboard name related errors * pick visualization based on query results * lift state * fix types * Add Open & Close tests * Add submit test * add navigation tests * add tests for API errors * remove console log * create wrapper component for AddToDashboardButton * remove unused mapped prop * add wrapper test * rename isActive to isVisible * invert control over save & redirect logic * remove leftover commented code * cleanup setup parameters * reorganize code & improve tests * Remove option to add to existing dashboard * UI tweaks * disable button if no queries * Fix tests * better accessible tests * handle submission errors * improve addToDashboard types * use dashboardSrv' saveDashboard * remove leftover test helper * fix typo Co-authored-by: Piotr Jamróz <pm.jamroz@gmail.com> * Apply suggestions from code review Co-authored-by: Kristina <kristina.durivage@grafana.com> Co-authored-by: Piotr Jamróz <pm.jamroz@gmail.com> Co-authored-by: Kristina <kristina.durivage@grafana.com>
113 lines
2.5 KiB
TypeScript
113 lines
2.5 KiB
TypeScript
import React from 'react';
|
|
import {
|
|
DataSourceApi,
|
|
LoadingState,
|
|
toUtc,
|
|
DataQueryError,
|
|
DataQueryRequest,
|
|
CoreApp,
|
|
createTheme,
|
|
} from '@grafana/data';
|
|
import { ExploreId } from 'app/types/explore';
|
|
import { shallow } from 'enzyme';
|
|
import { Explore, Props } from './Explore';
|
|
import { scanStopAction } from './state/query';
|
|
import { SecondaryActions } from './SecondaryActions';
|
|
|
|
const dummyProps: Props = {
|
|
logsResult: undefined,
|
|
changeSize: jest.fn(),
|
|
datasourceInstance: {
|
|
meta: {
|
|
metrics: true,
|
|
logs: true,
|
|
},
|
|
components: {
|
|
QueryEditorHelp: {},
|
|
},
|
|
} as DataSourceApi,
|
|
datasourceMissing: false,
|
|
exploreId: ExploreId.left,
|
|
loading: false,
|
|
modifyQueries: jest.fn(),
|
|
scanStart: jest.fn(),
|
|
scanStopAction: scanStopAction,
|
|
setQueries: jest.fn(),
|
|
queryKeys: [],
|
|
isLive: false,
|
|
syncedTimes: false,
|
|
updateTimeRange: jest.fn(),
|
|
makeAbsoluteTime: jest.fn(),
|
|
graphResult: [],
|
|
absoluteRange: {
|
|
from: 0,
|
|
to: 0,
|
|
},
|
|
timeZone: 'UTC',
|
|
queryResponse: {
|
|
state: LoadingState.NotStarted,
|
|
series: [],
|
|
request: {
|
|
requestId: '1',
|
|
dashboardId: 0,
|
|
interval: '1s',
|
|
panelId: 1,
|
|
scopedVars: {
|
|
apps: {
|
|
value: 'value',
|
|
},
|
|
},
|
|
targets: [
|
|
{
|
|
refId: 'A',
|
|
},
|
|
],
|
|
timezone: 'UTC',
|
|
app: CoreApp.Explore,
|
|
startTime: 0,
|
|
} as unknown as DataQueryRequest,
|
|
error: {} as DataQueryError,
|
|
timeRange: {
|
|
from: toUtc('2019-01-01 10:00:00'),
|
|
to: toUtc('2019-01-01 16:00:00'),
|
|
raw: {
|
|
from: 'now-6h',
|
|
to: 'now',
|
|
},
|
|
},
|
|
graphFrames: [],
|
|
logsFrames: [],
|
|
tableFrames: [],
|
|
traceFrames: [],
|
|
nodeGraphFrames: [],
|
|
graphResult: null,
|
|
logsResult: null,
|
|
tableResult: null,
|
|
},
|
|
addQueryRow: jest.fn(),
|
|
theme: createTheme(),
|
|
showMetrics: true,
|
|
showLogs: true,
|
|
showTable: true,
|
|
showTrace: true,
|
|
showNodeGraph: true,
|
|
splitOpen: (() => {}) as any,
|
|
logsVolumeData: undefined,
|
|
loadLogsVolumeData: () => {},
|
|
changeGraphStyle: () => {},
|
|
graphStyle: 'lines',
|
|
};
|
|
|
|
describe('Explore', () => {
|
|
it('should render component', () => {
|
|
const wrapper = shallow(<Explore {...dummyProps} />);
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('renders SecondaryActions and add row button', () => {
|
|
const wrapper = shallow(<Explore {...dummyProps} />);
|
|
expect(wrapper.find(SecondaryActions)).toHaveLength(1);
|
|
expect(wrapper.find(SecondaryActions).props().addQueryRowButtonHidden).toBe(false);
|
|
});
|
|
});
|