664 lines
9.7 KiB
TypeScript
664 lines
9.7 KiB
TypeScript
import '../../src/utils/tpl.ts';
|
|
import {
|
|
resolveVariableAndFilter,
|
|
dataMapping
|
|
} from '../../src/utils/tpl-builtin';
|
|
|
|
const filters = [
|
|
{
|
|
type: 'raw1',
|
|
data: {
|
|
value: 1
|
|
},
|
|
path: '${value}',
|
|
filter: '| raw',
|
|
expectValue: 1
|
|
},
|
|
{
|
|
type: 'raw2',
|
|
data: {
|
|
value: '2'
|
|
},
|
|
path: '${value}',
|
|
filter: '| raw',
|
|
expectValue: '2'
|
|
},
|
|
{
|
|
type: 'raw3',
|
|
data: {
|
|
a: 1,
|
|
b: '2',
|
|
c: {
|
|
'1': 'first',
|
|
'2': 'second'
|
|
}
|
|
},
|
|
path: '${c.${a}}',
|
|
filter: '| raw',
|
|
expectValue: 'first'
|
|
},
|
|
{
|
|
type: 'raw4',
|
|
data: {
|
|
a: 1,
|
|
b: '2',
|
|
c: {
|
|
'1': 'first',
|
|
'2': 'second'
|
|
}
|
|
},
|
|
path: '${c.${b}}',
|
|
filter: '| raw',
|
|
expectValue: 'second'
|
|
},
|
|
{
|
|
type: 'raw5',
|
|
data: {
|
|
a: 1
|
|
},
|
|
path: '',
|
|
filter: '| raw',
|
|
expectValue: undefined
|
|
},
|
|
{
|
|
type: 'raw6',
|
|
data: {
|
|
a: 1
|
|
},
|
|
path: '$$',
|
|
filter: '| raw',
|
|
expectValue: undefined
|
|
},
|
|
{
|
|
type: 'raw7',
|
|
data: {
|
|
a: 1
|
|
},
|
|
path: '$a',
|
|
filter: '| raw',
|
|
expectValue: 1
|
|
},
|
|
{
|
|
type: 'json',
|
|
data: {
|
|
value: {
|
|
a: 'a',
|
|
b: 'b'
|
|
}
|
|
},
|
|
path: '${value}',
|
|
filter: '| json:0',
|
|
expectValue: '{"a":"a","b":"b"}'
|
|
},
|
|
{
|
|
type: 'toJson',
|
|
data: {
|
|
value: '{"a":"a","b":"b"}'
|
|
},
|
|
path: '${value}',
|
|
filter: '| toJson',
|
|
expectValue: {
|
|
a: 'a',
|
|
b: 'b'
|
|
}
|
|
},
|
|
{
|
|
type: 'date',
|
|
data: {
|
|
value: 1559649981
|
|
},
|
|
path: '${value}',
|
|
filter: '| date',
|
|
expectValue: 'June 4, 2019 8:06 PM'
|
|
},
|
|
{
|
|
type: 'number',
|
|
data: {
|
|
value: 9999
|
|
},
|
|
path: '${value}',
|
|
filter: '| number',
|
|
expectValue: '9,999'
|
|
},
|
|
{
|
|
type: 'trim',
|
|
data: {
|
|
value: ' abc '
|
|
},
|
|
path: '${value}',
|
|
filter: '| trim',
|
|
expectValue: 'abc'
|
|
},
|
|
{
|
|
type: 'percent',
|
|
data: {
|
|
value: 0.8232343
|
|
},
|
|
path: '${value}',
|
|
filter: '| percent',
|
|
expectValue: '82%'
|
|
},
|
|
// duration
|
|
{
|
|
type: 'duration1',
|
|
data: {
|
|
value: 1
|
|
},
|
|
path: '${value}',
|
|
filter: '| duration',
|
|
expectValue: '1秒'
|
|
},
|
|
{
|
|
type: 'duration2',
|
|
data: {
|
|
value: 61
|
|
},
|
|
path: '${value}',
|
|
filter: '| duration',
|
|
expectValue: '1分1秒'
|
|
},
|
|
{
|
|
type: 'duration3',
|
|
data: {
|
|
value: 233233
|
|
},
|
|
path: '${value}',
|
|
filter: '| duration',
|
|
expectValue: '2天16时47分13秒'
|
|
},
|
|
// bytes
|
|
{
|
|
type: 'bytes1',
|
|
data: {
|
|
value: 1024
|
|
},
|
|
path: '${value}',
|
|
filter: '| bytes',
|
|
expectValue: '1.02 KB'
|
|
},
|
|
{
|
|
type: 'bytes2',
|
|
data: {
|
|
value: 1024000
|
|
},
|
|
path: '${value}',
|
|
filter: '| bytes',
|
|
expectValue: '1.02 MB'
|
|
},
|
|
{
|
|
type: 'bytes3',
|
|
data: {
|
|
value: -1024
|
|
},
|
|
path: '${value}',
|
|
filter: '| bytes',
|
|
expectValue: '-1.02 KB'
|
|
},
|
|
{
|
|
type: 'bytes4',
|
|
data: {
|
|
value: 0.5
|
|
},
|
|
path: '${value}',
|
|
filter: '| bytes',
|
|
expectValue: '0.5 B'
|
|
},
|
|
// round
|
|
{
|
|
type: 'round1',
|
|
data: {
|
|
value: '啥啊'
|
|
},
|
|
path: '${value}',
|
|
filter: '| round',
|
|
expectValue: 0
|
|
},
|
|
{
|
|
type: 'round2',
|
|
data: {
|
|
value: 1.22
|
|
},
|
|
path: '${value}',
|
|
filter: '| round:1',
|
|
expectValue: '1.2'
|
|
},
|
|
{
|
|
type: 'round3',
|
|
data: {
|
|
value: 1.26
|
|
},
|
|
path: '${value}',
|
|
filter: '| round:1',
|
|
expectValue: '1.3'
|
|
},
|
|
{
|
|
type: 'truncate1',
|
|
data: {
|
|
value: 'this is a very loooooong sentence.'
|
|
},
|
|
path: '${value}',
|
|
filter: '| truncate:10',
|
|
expectValue: 'this is a ...'
|
|
},
|
|
{
|
|
type: 'truncate2',
|
|
data: {
|
|
value: 'this is a very loooooong sentence.'
|
|
},
|
|
path: '${value}',
|
|
filter: '| truncate:null',
|
|
expectValue: 'this is a very loooooong sentence.'
|
|
},
|
|
{
|
|
type: 'url_encode',
|
|
data: {
|
|
value: 'http://www.baidu.com?query=123'
|
|
},
|
|
path: '${value}',
|
|
filter: '| url_encode',
|
|
expectValue: 'http%3A%2F%2Fwww.baidu.com%3Fquery%3D123'
|
|
},
|
|
{
|
|
type: 'url_decode',
|
|
data: {
|
|
value: 'http%3A%2F%2Fwww.baidu.com%3Fquery%3D123'
|
|
},
|
|
path: '${value}',
|
|
filter: '| url_decode:10',
|
|
expectValue: 'http://www.baidu.com?query=123'
|
|
},
|
|
{
|
|
type: 'default1',
|
|
data: {
|
|
value: ''
|
|
},
|
|
path: '${value}',
|
|
filter: '| default',
|
|
expectValue: undefined
|
|
},
|
|
{
|
|
type: 'default2',
|
|
data: {
|
|
value: ''
|
|
},
|
|
path: '${value}',
|
|
filter: '| default:-',
|
|
expectValue: '-'
|
|
},
|
|
{
|
|
type: 'join',
|
|
data: {
|
|
value: ['a', 'b', 'c']
|
|
},
|
|
path: '${value}',
|
|
filter: '| join:,',
|
|
expectValue: 'a,b,c'
|
|
},
|
|
{
|
|
type: 'split',
|
|
data: {
|
|
value: 'a,b,c'
|
|
},
|
|
path: '${value}',
|
|
filter: '| split',
|
|
expectValue: ['a', 'b', 'c']
|
|
},
|
|
{
|
|
type: 'first',
|
|
data: {
|
|
value: ['a', 'b', 'c']
|
|
},
|
|
path: '${value}',
|
|
filter: '| first',
|
|
expectValue: 'a'
|
|
},
|
|
{
|
|
type: 'nth',
|
|
data: {
|
|
value: ['a', 'b', 'c']
|
|
},
|
|
path: '${value}',
|
|
filter: '| nth:1',
|
|
expectValue: 'b'
|
|
},
|
|
{
|
|
type: 'last',
|
|
data: {
|
|
value: ['a', 'b', 'c']
|
|
},
|
|
path: '${value}',
|
|
filter: '| last',
|
|
expectValue: 'c'
|
|
},
|
|
{
|
|
type: 'minus',
|
|
data: {
|
|
value: 5
|
|
},
|
|
path: '${value}',
|
|
filter: '| minus:1',
|
|
expectValue: 4
|
|
},
|
|
{
|
|
type: 'plus',
|
|
data: {
|
|
value: 5
|
|
},
|
|
path: '${value}',
|
|
filter: '| plus:1',
|
|
expectValue: 6
|
|
},
|
|
{
|
|
type: 'pick1',
|
|
data: {
|
|
value: {
|
|
a: '1',
|
|
b: '2'
|
|
}
|
|
},
|
|
path: '${value}',
|
|
filter: '| pick:a',
|
|
expectValue: '1'
|
|
},
|
|
{
|
|
type: 'pick2',
|
|
data: {
|
|
value: [
|
|
{
|
|
label: 'A',
|
|
value: 'a'
|
|
},
|
|
{
|
|
label: 'B',
|
|
value: 'b'
|
|
},
|
|
{
|
|
label: 'C',
|
|
value: 'c'
|
|
}
|
|
]
|
|
},
|
|
path: '${value}',
|
|
filter: '| pick:value',
|
|
expectValue: ['a', 'b', 'c']
|
|
},
|
|
{
|
|
type: 'pick_if_exist',
|
|
data: {
|
|
value: [
|
|
{
|
|
label: 'A',
|
|
value: 'a'
|
|
},
|
|
{
|
|
label: 'B',
|
|
value: 'b'
|
|
},
|
|
{
|
|
label: 'C',
|
|
value: 'c'
|
|
}
|
|
]
|
|
},
|
|
path: '${value}',
|
|
filter: '| pick_if_exist:$value',
|
|
expectValue: ['a', 'b', 'c']
|
|
},
|
|
{
|
|
type: 'str2date',
|
|
data: {
|
|
value: '1559649981'
|
|
},
|
|
path: '${value}',
|
|
filter: '| str2date:X:YYYY-MM-DD HH-mm-ss',
|
|
expectValue: '2019-06-04 20-06-21'
|
|
},
|
|
{
|
|
type: 'asArray',
|
|
data: {
|
|
value: 'a'
|
|
},
|
|
path: '${value}',
|
|
filter: '| asArray',
|
|
expectValue: ['a']
|
|
},
|
|
{
|
|
type: 'base64Encode',
|
|
data: {
|
|
value: 'I love amis'
|
|
},
|
|
path: '${value}',
|
|
filter: '| base64Encode',
|
|
expectValue: 'SSBsb3ZlIGFtaXM='
|
|
},
|
|
{
|
|
type: 'base64Decode',
|
|
data: {
|
|
value: 'SSBsb3ZlIGFtaXM='
|
|
},
|
|
path: '${value}',
|
|
filter: '| base64Decode',
|
|
expectValue: 'I love amis'
|
|
},
|
|
{
|
|
type: 'lowerCase',
|
|
data: {
|
|
value: 'AbC'
|
|
},
|
|
path: '${value}',
|
|
filter: '| lowerCase',
|
|
expectValue: 'abc'
|
|
},
|
|
{
|
|
type: 'upperCase',
|
|
data: {
|
|
value: 'aBc'
|
|
},
|
|
path: '${value}',
|
|
filter: '| upperCase',
|
|
expectValue: 'ABC'
|
|
}
|
|
];
|
|
|
|
filters.forEach(f => {
|
|
test(`tpl-builtin:resolveVariableAndFilter:${f.type}`, () => {
|
|
expect(resolveVariableAndFilter(f.path, f.data, f.filter)).toEqual(
|
|
f.expectValue
|
|
);
|
|
});
|
|
});
|
|
|
|
test('tpl-builtin:dataMapping', () => {
|
|
const data = {
|
|
a: 1,
|
|
b: '2',
|
|
c: {
|
|
'1': 'first',
|
|
'2': 'second'
|
|
}
|
|
};
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
'&': '$$'
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
a: 1,
|
|
b: '2',
|
|
c: {
|
|
'1': 'first',
|
|
'2': 'second'
|
|
}
|
|
});
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
'&': '${b}'
|
|
},
|
|
data
|
|
)
|
|
).toEqual('2');
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
'&': data => ({b: data.b})
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
b: '2'
|
|
});
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
all: '$$'
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
all: {
|
|
a: 1,
|
|
b: '2',
|
|
c: {
|
|
'1': 'first',
|
|
'2': 'second'
|
|
}
|
|
}
|
|
});
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
a: '${a}',
|
|
b: '__undefined'
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
a: 1
|
|
});
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
value: {
|
|
a: '${a}',
|
|
d: 'd'
|
|
}
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
value: {
|
|
a: 1,
|
|
d: 'd'
|
|
}
|
|
});
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
value: [
|
|
{
|
|
a: '${a}',
|
|
d: 'd'
|
|
},
|
|
{
|
|
b: '${b}',
|
|
d: 'd'
|
|
}
|
|
]
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
value: [
|
|
{
|
|
a: 1,
|
|
d: 'd'
|
|
},
|
|
{
|
|
b: '2',
|
|
d: 'd'
|
|
}
|
|
]
|
|
});
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
value: '${a}'
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
value: 1
|
|
});
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
value: data => data.a
|
|
},
|
|
data
|
|
)
|
|
).toEqual({
|
|
value: 1
|
|
});
|
|
|
|
const data2 = {
|
|
rows: [
|
|
{
|
|
label: 'A',
|
|
value: 'a',
|
|
size: 'sm'
|
|
},
|
|
{
|
|
label: 'B',
|
|
value: 'b',
|
|
size: 'md'
|
|
},
|
|
{
|
|
label: 'C',
|
|
value: 'c',
|
|
size: 'sm'
|
|
}
|
|
]
|
|
};
|
|
|
|
expect(
|
|
dataMapping(
|
|
{
|
|
items: {
|
|
$rows: {
|
|
label: '$label',
|
|
value: '$value'
|
|
}
|
|
}
|
|
},
|
|
data2
|
|
)
|
|
).toEqual({
|
|
items: [
|
|
{
|
|
label: 'A',
|
|
value: 'a'
|
|
},
|
|
{
|
|
label: 'B',
|
|
value: 'b'
|
|
},
|
|
{
|
|
label: 'C',
|
|
value: 'c'
|
|
}
|
|
]
|
|
});
|
|
});
|