mirror of
https://github.com/grafana/grafana.git
synced 2025-02-12 08:35:43 -06:00
* Add and configure eslint-plugin-import * Fix the lint:ts npm command * Autofix + prettier all the files * Manually fix remaining files * Move jquery code in jest-setup to external file to safely reorder imports * Resolve issue caused by circular dependencies within Prometheus * Update .betterer.results * Fix missing // @ts-ignore * ignore iconBundle.ts * Fix missing // @ts-ignore
94 lines
3.4 KiB
TypeScript
94 lines
3.4 KiB
TypeScript
import { locationService } from '@grafana/runtime';
|
|
|
|
import { reduxTester } from '../../../../test/core/redux/reduxTester';
|
|
import { variableAdapters } from '../adapters';
|
|
import { textboxBuilder } from '../shared/testing/builders';
|
|
import { getRootReducer, RootReducerType } from '../state/helpers';
|
|
import { toKeyedAction } from '../state/keyedVariablesReducer';
|
|
import { addVariable, changeVariableProp, setCurrentVariableValue } from '../state/sharedReducer';
|
|
import { VariableOption } from '../types';
|
|
import { toKeyedVariableIdentifier, toVariablePayload } from '../utils';
|
|
|
|
import { setTextBoxVariableOptionsFromUrl, updateTextBoxVariableOptions } from './actions';
|
|
import { createTextBoxVariableAdapter } from './adapter';
|
|
import { createTextBoxOptions } from './reducer';
|
|
|
|
jest.mock('@grafana/runtime', () => {
|
|
const original = jest.requireActual('@grafana/runtime');
|
|
|
|
return {
|
|
...original,
|
|
locationService: {
|
|
partial: jest.fn(),
|
|
getSearchObject: () => ({}),
|
|
},
|
|
};
|
|
});
|
|
describe('textbox actions', () => {
|
|
variableAdapters.setInit(() => [createTextBoxVariableAdapter()]);
|
|
|
|
describe('when updateTextBoxVariableOptions is dispatched', () => {
|
|
it('then correct actions are dispatched', async () => {
|
|
const option: VariableOption = {
|
|
value: 'A',
|
|
text: 'A',
|
|
selected: false,
|
|
};
|
|
|
|
const key = 'key';
|
|
const variable = textboxBuilder()
|
|
.withId('textbox')
|
|
.withRootStateKey(key)
|
|
.withName('textbox')
|
|
.withCurrent('A')
|
|
.withQuery('A')
|
|
.build();
|
|
|
|
const tester = await reduxTester<RootReducerType>()
|
|
.givenRootReducer(getRootReducer())
|
|
.whenActionIsDispatched(
|
|
toKeyedAction(key, addVariable(toVariablePayload(variable, { global: false, index: 0, model: variable })))
|
|
)
|
|
.whenAsyncActionIsDispatched(updateTextBoxVariableOptions(toKeyedVariableIdentifier(variable)), true);
|
|
|
|
tester.thenDispatchedActionsShouldEqual(
|
|
toKeyedAction(key, createTextBoxOptions(toVariablePayload(variable))),
|
|
toKeyedAction(key, setCurrentVariableValue(toVariablePayload(variable, { option })))
|
|
);
|
|
expect(locationService.partial).toHaveBeenLastCalledWith({ 'var-textbox': 'A' });
|
|
});
|
|
});
|
|
|
|
describe('when setTextBoxVariableOptionsFromUrl is dispatched', () => {
|
|
it('then correct actions are dispatched', async () => {
|
|
const urlValue = 'bB';
|
|
const key = 'key';
|
|
const variable = textboxBuilder()
|
|
.withId('textbox')
|
|
.withRootStateKey(key)
|
|
.withName('textbox')
|
|
.withCurrent('A')
|
|
.withQuery('A')
|
|
.build();
|
|
|
|
const tester = await reduxTester<RootReducerType>()
|
|
.givenRootReducer(getRootReducer())
|
|
.whenActionIsDispatched(
|
|
toKeyedAction(key, addVariable(toVariablePayload(variable, { global: false, index: 0, model: variable })))
|
|
)
|
|
.whenAsyncActionIsDispatched(
|
|
setTextBoxVariableOptionsFromUrl(toKeyedVariableIdentifier(variable), urlValue),
|
|
true
|
|
);
|
|
|
|
tester.thenDispatchedActionsShouldEqual(
|
|
toKeyedAction(key, changeVariableProp(toVariablePayload(variable, { propName: 'query', propValue: 'bB' }))),
|
|
toKeyedAction(
|
|
key,
|
|
setCurrentVariableValue(toVariablePayload(variable, { option: { text: 'bB', value: 'bB', selected: false } }))
|
|
)
|
|
);
|
|
});
|
|
});
|
|
});
|