feat(ui): test custom auto-refresh ooptions
Pavel Zavora
parent
e2a4fdaeae
commit
c732f0c0a1
|
|
@ -17,7 +17,7 @@ export const autoRefreshOptionPaused: AutoRefreshOption = {
|
|||
type: AutoRefreshOptionType.Option,
|
||||
}
|
||||
|
||||
let autoRefreshOptions: AutoRefreshOption[] = [
|
||||
const defaultAutoRefreshOptions: AutoRefreshOption[] = [
|
||||
{
|
||||
id: 'auto-refresh-header',
|
||||
milliseconds: 9999,
|
||||
|
|
@ -56,22 +56,27 @@ let autoRefreshOptions: AutoRefreshOption[] = [
|
|||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
]
|
||||
let autoRefreshOptions = [...defaultAutoRefreshOptions]
|
||||
|
||||
/** setCustomAutoRefreshOptions allows to set custom auto-refresh options */
|
||||
export function setCustomAutoRefreshOptions(customSpec: string | undefined) {
|
||||
if (!customSpec) {
|
||||
if (customSpec === undefined) {
|
||||
return
|
||||
}
|
||||
// 1st filter all custom options
|
||||
autoRefreshOptions = autoRefreshOptions.filter(x => x.id.startsWith('custom'))
|
||||
const [header, paused, ...other] = autoRefreshOptions
|
||||
const [header, paused, ...otherDefault] = defaultAutoRefreshOptions
|
||||
const customOptions: AutoRefreshOption[] = customSpec
|
||||
.split(',')
|
||||
.reduce((acc, singleSpec) => {
|
||||
if (!singleSpec) {
|
||||
return acc // ignore empty values
|
||||
}
|
||||
try {
|
||||
const [a, b] = singleSpec.split['=']
|
||||
const [a, b] = singleSpec.split('=')
|
||||
const label = a.trim()
|
||||
const milliseconds = parseInt(b, 10)
|
||||
if (!(milliseconds >= 100)) {
|
||||
throw new Error('Miliseconds is not a positive number >= 100')
|
||||
}
|
||||
acc.push({
|
||||
id: `custom-refresh-${label}`,
|
||||
milliseconds,
|
||||
|
|
@ -80,16 +85,16 @@ export function setCustomAutoRefreshOptions(customSpec: string | undefined) {
|
|||
})
|
||||
} catch (e) {
|
||||
console.warn(
|
||||
'Unable to parse custom autoRefreshOption, it should have format `label=milliseconds`',
|
||||
e
|
||||
`Ignoring custom autoRefreshOption "${singleSpec}", it must have format label=milliseconds !, e
|
||||
}`
|
||||
)
|
||||
}
|
||||
return acc
|
||||
}, [] as AutoRefreshOption[])
|
||||
return [
|
||||
autoRefreshOptions = [
|
||||
header,
|
||||
paused,
|
||||
[...other, ...customOptions].sort(
|
||||
...[...otherDefault, ...customOptions].sort(
|
||||
(a, b) => a.milliseconds - b.milliseconds
|
||||
),
|
||||
]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,197 @@
|
|||
import {
|
||||
autoRefreshOptionPaused,
|
||||
AutoRefreshOptionType,
|
||||
getAutoRefreshOptions,
|
||||
setCustomAutoRefreshOptions,
|
||||
} from 'src/shared/components/dropdown_auto_refresh/autoRefreshOptions'
|
||||
|
||||
describe('setCustomAutoRefreshOptions', () => {
|
||||
beforeEach(() => {
|
||||
// remove all custom refresh options
|
||||
setCustomAutoRefreshOptions('')
|
||||
})
|
||||
it('returns unchanged auto-refresh options withou customization', () => {
|
||||
const previousOpts = [...getAutoRefreshOptions()]
|
||||
setCustomAutoRefreshOptions(undefined)
|
||||
const newOpts = [...getAutoRefreshOptions()]
|
||||
|
||||
expect(newOpts).toEqual(previousOpts)
|
||||
})
|
||||
it('returns sorted auto-refresh options with single customization', () => {
|
||||
setCustomAutoRefreshOptions('12s=12000')
|
||||
const newOpts = getAutoRefreshOptions()
|
||||
expect(newOpts).toEqual([
|
||||
{
|
||||
id: 'auto-refresh-header',
|
||||
milliseconds: 9999,
|
||||
label: 'Refresh',
|
||||
type: AutoRefreshOptionType.Header,
|
||||
},
|
||||
autoRefreshOptionPaused,
|
||||
{
|
||||
id: 'auto-refresh-5s',
|
||||
milliseconds: 5000,
|
||||
label: '5s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-10s',
|
||||
milliseconds: 10000,
|
||||
label: '10s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'custom-refresh-12s',
|
||||
milliseconds: 12000,
|
||||
label: '12s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-15s',
|
||||
milliseconds: 15000,
|
||||
label: '15s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-30s',
|
||||
milliseconds: 30000,
|
||||
label: '30s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-60s',
|
||||
milliseconds: 60000,
|
||||
label: '60s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
])
|
||||
})
|
||||
it('returns sorted auto-refresh options with more customizations', () => {
|
||||
setCustomAutoRefreshOptions('500ms=500,12s=12000,5m=300000')
|
||||
const newOpts = getAutoRefreshOptions()
|
||||
expect(newOpts).toEqual([
|
||||
{
|
||||
id: 'auto-refresh-header',
|
||||
milliseconds: 9999,
|
||||
label: 'Refresh',
|
||||
type: AutoRefreshOptionType.Header,
|
||||
},
|
||||
autoRefreshOptionPaused,
|
||||
{
|
||||
id: 'custom-refresh-500ms',
|
||||
milliseconds: 500,
|
||||
label: '500ms',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-5s',
|
||||
milliseconds: 5000,
|
||||
label: '5s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-10s',
|
||||
milliseconds: 10000,
|
||||
label: '10s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'custom-refresh-12s',
|
||||
milliseconds: 12000,
|
||||
label: '12s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-15s',
|
||||
milliseconds: 15000,
|
||||
label: '15s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-30s',
|
||||
milliseconds: 30000,
|
||||
label: '30s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-60s',
|
||||
milliseconds: 60000,
|
||||
label: '60s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'custom-refresh-5m',
|
||||
milliseconds: 300000,
|
||||
label: '5m',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
])
|
||||
})
|
||||
it('ignores empty or invalid customization parts', () => {
|
||||
let warnings = 0
|
||||
const origConsoleWarn = console.warn
|
||||
console.warn = () => (warnings += 1)
|
||||
try {
|
||||
setCustomAutoRefreshOptions(' 12s=12000, ,a=, b=10')
|
||||
const newOpts = getAutoRefreshOptions()
|
||||
expect(warnings).toBe(3) // '','a=','b=10'
|
||||
expect(newOpts).toEqual([
|
||||
{
|
||||
id: 'auto-refresh-header',
|
||||
milliseconds: 9999,
|
||||
label: 'Refresh',
|
||||
type: AutoRefreshOptionType.Header,
|
||||
},
|
||||
autoRefreshOptionPaused,
|
||||
{
|
||||
id: 'auto-refresh-5s',
|
||||
milliseconds: 5000,
|
||||
label: '5s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-10s',
|
||||
milliseconds: 10000,
|
||||
label: '10s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'custom-refresh-12s',
|
||||
milliseconds: 12000,
|
||||
label: '12s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-15s',
|
||||
milliseconds: 15000,
|
||||
label: '15s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-30s',
|
||||
milliseconds: 30000,
|
||||
label: '30s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
{
|
||||
id: 'auto-refresh-60s',
|
||||
milliseconds: 60000,
|
||||
label: '60s',
|
||||
type: AutoRefreshOptionType.Option,
|
||||
},
|
||||
])
|
||||
} finally {
|
||||
console.warn(origConsoleWarn)
|
||||
}
|
||||
})
|
||||
it('removes all custom auto refresh intervals with empty spec', () => {
|
||||
// setting empty spec reset customizations
|
||||
const origSize = getAutoRefreshOptions().length
|
||||
setCustomAutoRefreshOptions('12s=12000,5m=300000')
|
||||
const opts1 = getAutoRefreshOptions()
|
||||
expect(opts1.length).toBe(origSize + 2)
|
||||
setCustomAutoRefreshOptions('')
|
||||
const opts2 = getAutoRefreshOptions()
|
||||
expect(opts2.length).toBe(origSize)
|
||||
})
|
||||
})
|
||||
Loading…
Reference in New Issue