chronograf/ui/test/data_explorer/reducers/queryConfig.test.js

487 lines
13 KiB
JavaScript

import reducer from 'src/data_explorer/reducers/queryConfigs'
import defaultQueryConfig from 'utils/defaultQueryConfig'
import {
fill,
timeShift,
chooseTag,
groupByTag,
groupByTime,
toggleField,
removeFuncs,
updateRawQuery,
editQueryStatus,
chooseNamespace,
chooseMeasurement,
applyFuncsToField,
addInitialField,
updateQueryConfig,
toggleTagAcceptance,
} from 'src/data_explorer/actions/view'
import {LINEAR, NULL_STRING} from 'shared/constants/queryFillOptions'
const fakeAddQueryAction = (panelID, queryID) => {
return {
type: 'DE_ADD_QUERY',
payload: {panelID, queryID},
}
}
function buildInitialState(queryID, params) {
return Object.assign({}, defaultQueryConfig({id: queryID}), params)
}
describe('Chronograf.Reducers.DataExplorer.queryConfigs', () => {
const queryID = 123
it('can add a query', () => {
const state = reducer({}, fakeAddQueryAction('blah', queryID))
const actual = state[queryID]
const expected = defaultQueryConfig({id: queryID})
expect(actual).toEqual(expected)
})
describe('choosing db, rp, and measurement', () => {
let state
beforeEach(() => {
state = reducer({}, fakeAddQueryAction('any', queryID))
})
it('sets the db and rp', () => {
const newState = reducer(
state,
chooseNamespace(queryID, {
database: 'telegraf',
retentionPolicy: 'monitor',
})
)
expect(newState[queryID].database).toBe('telegraf')
expect(newState[queryID].retentionPolicy).toBe('monitor')
})
it('sets the measurement', () => {
const newState = reducer(state, chooseMeasurement(queryID, 'mem'))
expect(newState[queryID].measurement).toBe('mem')
})
})
describe('a query has measurements and fields', () => {
let state
beforeEach(() => {
const one = reducer({}, fakeAddQueryAction('any', queryID))
const two = reducer(
one,
chooseNamespace(queryID, {
database: '_internal',
retentionPolicy: 'daily',
})
)
const three = reducer(two, chooseMeasurement(queryID, 'disk'))
state = reducer(
three,
addInitialField(queryID, {
value: 'a great field',
type: 'field',
})
)
})
describe('choosing a new namespace', () => {
it('clears out the old measurement and fields', () => {
// what about tags?
expect(state[queryID].measurement).toBe('disk')
expect(state[queryID].fields.length).toBe(1)
const newState = reducer(
state,
chooseNamespace(queryID, {
database: 'newdb',
retentionPolicy: 'newrp',
})
)
expect(newState[queryID].measurement).toBe(null)
expect(newState[queryID].fields.length).toBe(0)
})
})
describe('choosing a new measurement', () => {
it('leaves the namespace and clears out the old fields', () => {
// what about tags?
expect(state[queryID].fields.length).toBe(1)
const newState = reducer(
state,
chooseMeasurement(queryID, 'newmeasurement')
)
expect(state[queryID].database).toBe(newState[queryID].database)
expect(state[queryID].retentionPolicy).toBe(
newState[queryID].retentionPolicy
)
expect(newState[queryID].fields.length).toBe(0)
})
})
describe('DE_TOGGLE_FIELD', () => {
it('can toggle multiple fields', () => {
expect(state[queryID].fields.length).toBe(1)
const newState = reducer(
state,
toggleField(queryID, {
value: 'f2',
type: 'field',
})
)
expect(newState[queryID].fields.length).toBe(2)
expect(newState[queryID].fields[1].alias).toEqual('mean_f2')
expect(newState[queryID].fields[1].args).toEqual([
{value: 'f2', type: 'field'},
])
expect(newState[queryID].fields[1].value).toEqual('mean')
})
it('applies a func to newly selected fields', () => {
expect(state[queryID].fields.length).toBe(1)
expect(state[queryID].fields[0].type).toBe('func')
expect(state[queryID].fields[0].value).toBe('mean')
const newState = reducer(
state,
toggleField(queryID, {
value: 'f2',
type: 'field',
})
)
expect(newState[queryID].fields[1].value).toBe('mean')
expect(newState[queryID].fields[1].alias).toBe('mean_f2')
expect(newState[queryID].fields[1].args).toEqual([
{value: 'f2', type: 'field'},
])
expect(newState[queryID].fields[1].type).toBe('func')
})
it('adds the field property to query config if not found', () => {
delete state[queryID].fields
expect(state[queryID].fields).toBe(undefined)
const newState = reducer(
state,
toggleField(queryID, {value: 'fk1', type: 'field'})
)
expect(newState[queryID].fields.length).toBe(1)
})
})
})
describe('DE_APPLY_FUNCS_TO_FIELD', () => {
it('applies new functions to a field', () => {
const f1 = {value: 'f1', type: 'field'}
const f2 = {value: 'f2', type: 'field'}
const initialState = {
[queryID]: {
id: 123,
database: 'db1',
measurement: 'm1',
fields: [
{value: 'fn1', type: 'func', args: [f1], alias: `fn1_${f1.value}`},
{value: 'fn1', type: 'func', args: [f2], alias: `fn1_${f2.value}`},
{value: 'fn2', type: 'func', args: [f1], alias: `fn2_${f1.value}`},
],
},
}
const action = applyFuncsToField(queryID, {
field: {value: 'f1', type: 'field'},
funcs: [
{value: 'fn3', type: 'func', args: []},
{value: 'fn4', type: 'func', args: []},
],
})
const nextState = reducer(initialState, action)
expect(nextState[queryID].fields).toEqual([
{value: 'fn3', type: 'func', args: [f1], alias: `fn3_${f1.value}`},
{value: 'fn4', type: 'func', args: [f1], alias: `fn4_${f1.value}`},
{value: 'fn1', type: 'func', args: [f2], alias: `fn1_${f2.value}`},
])
})
})
describe('DE_REMOVE_FUNCS', () => {
it('removes all functions and group by time when one field has no funcs applied', () => {
const f1 = {value: 'f1', type: 'field'}
const f2 = {value: 'f2', type: 'field'}
const fields = [
{value: 'fn1', type: 'func', args: [f1], alias: `fn1_${f1.value}`},
{value: 'fn1', type: 'func', args: [f2], alias: `fn1_${f2.value}`},
]
const groupBy = {time: '1m', tags: []}
const initialState = {
[queryID]: {
id: 123,
database: 'db1',
measurement: 'm1',
fields,
groupBy,
},
}
const action = removeFuncs(queryID, fields, groupBy)
const nextState = reducer(initialState, action)
const actual = nextState[queryID].fields
const expected = [f1, f2]
expect(actual).toEqual(expected)
expect(nextState[queryID].groupBy.time).toBe(null)
})
})
describe('DE_CHOOSE_TAG', () => {
it('adds a tag key/value to the query', () => {
const initialState = {
[queryID]: buildInitialState(queryID, {
tags: {
k1: ['v0'],
k2: ['foo'],
},
}),
}
const action = chooseTag(queryID, {
key: 'k1',
value: 'v1',
})
const nextState = reducer(initialState, action)
expect(nextState[queryID].tags).toEqual({
k1: ['v0', 'v1'],
k2: ['foo'],
})
})
it("creates a new entry if it's the first key", () => {
const initialState = {
[queryID]: buildInitialState(queryID, {
tags: {},
}),
}
const action = chooseTag(queryID, {
key: 'k1',
value: 'v1',
})
const nextState = reducer(initialState, action)
expect(nextState[queryID].tags).toEqual({
k1: ['v1'],
})
})
it('removes a value that is already in the list', () => {
const initialState = {
[queryID]: buildInitialState(queryID, {
tags: {
k1: ['v1'],
},
}),
}
const action = chooseTag(queryID, {
key: 'k1',
value: 'v1',
})
const nextState = reducer(initialState, action)
// TODO: this should probably remove the `k1` property entirely from the tags object
expect(nextState[queryID].tags).toEqual({})
})
})
describe('DE_GROUP_BY_TAG', () => {
it('adds a tag key/value to the query', () => {
const initialState = {
[queryID]: {
id: 123,
database: 'db1',
measurement: 'm1',
fields: [],
tags: {},
groupBy: {tags: [], time: null},
},
}
const action = groupByTag(queryID, 'k1')
const nextState = reducer(initialState, action)
expect(nextState[queryID].groupBy).toEqual({
time: null,
tags: ['k1'],
})
})
it('removes a tag if the given tag key is already in the GROUP BY list', () => {
const initialState = {
[queryID]: {
id: 123,
database: 'db1',
measurement: 'm1',
fields: [],
tags: {},
groupBy: {tags: ['k1'], time: null},
},
}
const action = groupByTag(queryID, 'k1')
const nextState = reducer(initialState, action)
expect(nextState[queryID].groupBy).toEqual({
time: null,
tags: [],
})
})
})
describe('DE_TOGGLE_TAG_ACCEPTANCE', () => {
it('it toggles areTagsAccepted', () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const action = toggleTagAcceptance(queryID)
const nextState = reducer(initialState, action)
expect(nextState[queryID].areTagsAccepted).toBe(
!initialState[queryID].areTagsAccepted
)
})
})
describe('DE_GROUP_BY_TIME', () => {
it('applys the appropriate group by time', () => {
const time = '100y'
const initialState = {
[queryID]: buildInitialState(queryID),
}
const action = groupByTime(queryID, time)
const nextState = reducer(initialState, action)
expect(nextState[queryID].groupBy.time).toBe(time)
})
})
it('updates entire config', () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const expected = defaultQueryConfig({id: queryID}, {rawText: 'hello'})
const action = updateQueryConfig(expected)
const nextState = reducer(initialState, action)
expect(nextState[queryID]).toEqual(expected)
})
it("updates a query's raw text", () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const text = 'foo'
const action = updateRawQuery(queryID, text)
const nextState = reducer(initialState, action)
expect(nextState[queryID].rawText).toBe('foo')
})
it("updates a query's raw status", () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const status = 'your query was sweet'
const action = editQueryStatus(queryID, status)
const nextState = reducer(initialState, action)
expect(nextState[queryID].status).toBe(status)
})
describe('DE_FILL', () => {
it('applies an explicit fill when group by time is used', () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const time = '10s'
const action = groupByTime(queryID, time)
const nextState = reducer(initialState, action)
expect(nextState[queryID].fill).toBe(NULL_STRING)
})
it('updates fill to non-null-string non-number string value', () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const action = fill(queryID, LINEAR)
const nextState = reducer(initialState, action)
expect(nextState[queryID].fill).toBe(LINEAR)
})
it('updates fill to string integer value', () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const INT_STRING = '1337'
const action = fill(queryID, INT_STRING)
const nextState = reducer(initialState, action)
expect(nextState[queryID].fill).toBe(INT_STRING)
})
it('updates fill to string float value', () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const FLOAT_STRING = '1.337'
const action = fill(queryID, FLOAT_STRING)
const nextState = reducer(initialState, action)
expect(nextState[queryID].fill).toBe(FLOAT_STRING)
})
})
describe('DE_TIME_SHIFT', () => {
it('can shift the time', () => {
const initialState = {
[queryID]: buildInitialState(queryID),
}
const shift = {quantity: 1, unit: 'd', duration: '1d'}
const action = timeShift(queryID, shift)
const nextState = reducer(initialState, action)
expect(nextState[queryID].shifts).toEqual([shift])
})
})
})