mirror of
https://gitlab.com/JKANetwork/CheckServer.git
synced 2026-03-18 08:22:03 +01:00
Start again
This commit is contained in:
434
vendors/echarts/test/ut/spec/ui/title.js
vendored
Normal file
434
vendors/echarts/test/ut/spec/ui/title.js
vendored
Normal file
@@ -0,0 +1,434 @@
|
||||
describe('title', function() {
|
||||
|
||||
var uiHelper = window.uiHelper;
|
||||
|
||||
var suites = [{
|
||||
name: 'show',
|
||||
cases: [{
|
||||
name: 'should display given title by default',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'test title'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should hide title when show is false',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'hidden title',
|
||||
display: false
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'text',
|
||||
cases: [{
|
||||
name: 'should display title',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'here is a title'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display long title in a line',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'here is a very long long long long long long long '
|
||||
+ 'long long long long long long long long long long '
|
||||
+ 'long long long long long long long long long title'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should run into a new line with \\n',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'first line\nsecond line'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display no title by default',
|
||||
option: {
|
||||
series: []
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'subtext',
|
||||
cases: [{
|
||||
name: 'should display subtext without text',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
subtext: 'subtext without text'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display subtext with text',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is text',
|
||||
subtext: 'subtext without text'
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'padding',
|
||||
cases: [{
|
||||
name: 'should display padding 5px as default',
|
||||
test: 'equalOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title with 5px padding'
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title with 5px padding',
|
||||
padding: 5
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display one-value padding',
|
||||
test: 'notEqualOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'should display one-value padding'
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'should display one-value padding',
|
||||
padding: 50
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display two-value padding',
|
||||
test: 'notEqualOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'display two-value padding'
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'display two-value padding',
|
||||
padding: [20, 50]
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display four-value padding',
|
||||
test: 'notEqualOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'compare padding with 10, 30, 50, 70'
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'compare padding with 10, 30, 50, 70',
|
||||
padding: [10, 30, 50, 70]
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display four-value and two-value padding accordingly',
|
||||
test: 'equalOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'compare padding with 20, 50 and 20, 50, 20, 50',
|
||||
padding: [20, 50]
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'compare padding with 20, 50 and 20, 50, 20, 50',
|
||||
padding: [20, 50, 20, 50]
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'itemGap',
|
||||
cases: [{
|
||||
name: 'should have default itemGap as 5px',
|
||||
test: 'equalOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'title',
|
||||
subtext: 'subtext'
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'title',
|
||||
subtext: 'subtext',
|
||||
itemGap: 5
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'left',
|
||||
cases: [{
|
||||
name: 'should display left position',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
left: 50
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display at 20%',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
left: '20%'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display at center',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
left: 'center'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display at right',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
left: 'right'
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'top',
|
||||
cases: [{
|
||||
name: 'should display top position',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
top: 50
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display at 20%',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
top: '20%'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display at middle',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
top: 'middle'
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display at bottom',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
top: 'bottom'
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'right',
|
||||
cases: [{
|
||||
name: 'should display right position',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
right: 50
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'bottom',
|
||||
cases: [{
|
||||
name: 'should display bottom position',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
bottom: 50
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'left and right',
|
||||
cases: [{
|
||||
name: 'are both set',
|
||||
test: 'equalOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
left: 50,
|
||||
right: 50
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
left: 50
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'top and bottom',
|
||||
cases: [{
|
||||
name: 'are both set',
|
||||
test: 'equalOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
top: 50,
|
||||
bottom: 50
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
top: 50
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'backgroundColor',
|
||||
cases: [{
|
||||
name: 'should show specific background color',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
backgroundColor: 'rgba(255, 100, 0, 0.2)'
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'borderColor',
|
||||
cases: [{
|
||||
name: 'should show specific border color at default border width',
|
||||
test: 'equalOption',
|
||||
option1: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
borderColor: '#f00'
|
||||
}
|
||||
},
|
||||
option2: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
borderColor: '#f00',
|
||||
borderWidth: 1
|
||||
}
|
||||
}
|
||||
}, {
|
||||
name: 'should display larger border width',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
text: 'this is title',
|
||||
borderWidth: 15
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'shadowBlur and shadowColor',
|
||||
cases: [{
|
||||
name: 'should display shadow blur',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
backgroundColor: 'green',
|
||||
text: 'this is title',
|
||||
shadowColor: 'red',
|
||||
shadowBlur: 5
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'shadowOffsetX',
|
||||
cases: [{
|
||||
name: 'should display shadow blur',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
backgroundColor: 'green',
|
||||
text: 'this is title',
|
||||
shadowColor: 'red',
|
||||
shadowBlur: 5,
|
||||
shadowOffsetX: 10
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'shadowOffsetY',
|
||||
cases: [{
|
||||
name: 'should display shadow blur',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
backgroundColor: 'green',
|
||||
text: 'this is title',
|
||||
shadowColor: 'red',
|
||||
shadowBlur: 5,
|
||||
shadowOffsetY: 10
|
||||
}
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
name: 'shadowOffsetX and shadowOffsetY',
|
||||
cases: [{
|
||||
name: 'should display shadow blur',
|
||||
option: {
|
||||
series: [],
|
||||
title: {
|
||||
backgroundColor: 'green',
|
||||
text: 'this is title',
|
||||
shadowColor: 'red',
|
||||
shadowBlur: 5,
|
||||
shadowOffsetX: 10,
|
||||
shadowOffsetY: 10
|
||||
}
|
||||
}
|
||||
}]
|
||||
}];
|
||||
|
||||
uiHelper.testOptionSpec('title', suites);
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user