mirror of
https://github.com/grafana/grafana.git
synced 2025-09-27 12:34:10 +08:00
781cff07af
* Explore: Remove datasource testing on selector - datasource testing gets in the way of fast query iteration: switching between datasources can take seconds - it should not be explore's duty to test datasources in the first place - removed the concept of datasourceError in Explore, should not be its concern - datasource erorrs will express themselves in query errors just fine - connection errors are still bubbled up - removed reconnection logic from explore, should not be its concern - missing labels in loki are still "visible" via an empty label selector - Loki and Prometheus treated connection errors differently than other datasources, making sure to pass through the original error message * Show datasource error in query field for prom/loki/influx * Removed connection test case, fixed disabled state
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
import { renderHook, act } from 'react-hooks-testing-library';
|
|
import { AbsoluteTimeRange } from '@grafana/data';
|
|
|
|
import LanguageProvider from 'app/plugins/datasource/loki/language_provider';
|
|
|
|
import { useLokiSyntax } from './useLokiSyntax';
|
|
import { CascaderOption } from 'app/plugins/datasource/loki/components/LokiQueryFieldForm';
|
|
import { makeMockLokiDatasource } from '../mocks';
|
|
|
|
describe('useLokiSyntax hook', () => {
|
|
const datasource = makeMockLokiDatasource({});
|
|
const languageProvider = new LanguageProvider(datasource);
|
|
const logLabelOptionsMock = ['Holy mock!'];
|
|
const logLabelOptionsMock2 = ['Mock the hell?!'];
|
|
const logLabelOptionsMock3 = ['Oh my mock!'];
|
|
|
|
const rangeMock: AbsoluteTimeRange = {
|
|
from: 1560153109000,
|
|
to: 1560163909000,
|
|
};
|
|
|
|
languageProvider.refreshLogLabels = () => {
|
|
languageProvider.logLabelOptions = logLabelOptionsMock;
|
|
return Promise.resolve();
|
|
};
|
|
|
|
languageProvider.fetchLogLabels = () => {
|
|
languageProvider.logLabelOptions = logLabelOptionsMock2;
|
|
return Promise.resolve([]);
|
|
};
|
|
|
|
const activeOptionMock: CascaderOption = {
|
|
label: '',
|
|
value: '',
|
|
};
|
|
|
|
it('should provide Loki syntax when used', async () => {
|
|
const { result, waitForNextUpdate } = renderHook(() => useLokiSyntax(languageProvider, rangeMock));
|
|
expect(result.current.syntax).toEqual(null);
|
|
|
|
await waitForNextUpdate();
|
|
|
|
expect(result.current.syntax).toEqual(languageProvider.getSyntax());
|
|
});
|
|
|
|
it('should fetch labels on first call', async () => {
|
|
const { result, waitForNextUpdate } = renderHook(() => useLokiSyntax(languageProvider, rangeMock));
|
|
expect(result.current.isSyntaxReady).toBeFalsy();
|
|
expect(result.current.logLabelOptions).toEqual([]);
|
|
|
|
await waitForNextUpdate();
|
|
|
|
expect(result.current.isSyntaxReady).toBeTruthy();
|
|
expect(result.current.logLabelOptions).toEqual(logLabelOptionsMock2);
|
|
});
|
|
|
|
it('should try to fetch missing options when active option changes', async () => {
|
|
const { result, waitForNextUpdate } = renderHook(() => useLokiSyntax(languageProvider, rangeMock));
|
|
await waitForNextUpdate();
|
|
expect(result.current.logLabelOptions).toEqual(logLabelOptionsMock2);
|
|
|
|
languageProvider.fetchLabelValues = (key: string) => {
|
|
languageProvider.logLabelOptions = logLabelOptionsMock3;
|
|
return Promise.resolve();
|
|
};
|
|
|
|
act(() => result.current.setActiveOption([activeOptionMock]));
|
|
|
|
await waitForNextUpdate();
|
|
|
|
expect(result.current.logLabelOptions).toEqual(logLabelOptionsMock3);
|
|
});
|
|
});
|