1
- import { echartsLayer } from '../../../src/leaflet/overlay/EChartsLayer' ;
2
- import { tiledMapLayer } from '../../../src/leaflet/mapping/TiledMapLayer' ;
1
+ import { echartsLayer } from '../../../src/leaflet/overlay/EChartsLayer' ;
2
+ import { tiledMapLayer } from '../../../src/leaflet/mapping/TiledMapLayer' ;
3
3
4
4
var url = GlobeParameter . imageURL ;
5
5
describe ( 'leaflet_EChartsLayer' , ( ) => {
6
6
var originalTimeout ;
7
- var testDiv , map ;
7
+ var testDiv , map , tileLayer ;
8
8
beforeAll ( ( ) => {
9
9
testDiv = window . document . createElement ( "div" ) ;
10
10
testDiv . setAttribute ( "id" , "map" ) ;
@@ -20,7 +20,7 @@ describe('leaflet_EChartsLayer', () => {
20
20
maxZoom : 18 ,
21
21
zoom : 9
22
22
} ) ;
23
- tiledMapLayer ( url ) . addTo ( map ) ;
23
+ tileLayer = tiledMapLayer ( url ) . addTo ( map ) ;
24
24
} ) ;
25
25
beforeEach ( ( ) => {
26
26
originalTimeout = jasmine . DEFAULT_TIMEOUT_INTERVAL ;
@@ -31,10 +31,12 @@ describe('leaflet_EChartsLayer', () => {
31
31
} ) ;
32
32
afterAll ( ( ) => {
33
33
window . document . body . removeChild ( testDiv ) ;
34
- map . remove ( ) ;
34
+ if ( map != null ) {
35
+ map . remove ( ) ;
36
+ }
35
37
} ) ;
36
38
37
- it ( 'initialize' , ( ) => {
39
+ it ( 'initialize,#24 ' , ( done ) => {
38
40
var echartsMapLayer ;
39
41
var geoCoordMap = {
40
42
'上海' : [ 121.4648 , 31.2891 ] ,
@@ -153,40 +155,40 @@ describe('leaflet_EChartsLayer', () => {
153
155
'韶关' : [ 113.7964 , 24.7028 ]
154
156
} ;
155
157
var BJData = [
156
- [ { name : '北京' } , { name : '上海' , value : 95 } ] ,
157
- [ { name : '北京' } , { name : '广州' , value : 90 } ] ,
158
- [ { name : '北京' } , { name : '大连' , value : 80 } ] ,
159
- [ { name : '北京' } , { name : '南宁' , value : 70 } ] ,
160
- [ { name : '北京' } , { name : '南昌' , value : 60 } ] ,
161
- [ { name : '北京' } , { name : '拉萨' , value : 50 } ] ,
162
- [ { name : '北京' } , { name : '长春' , value : 40 } ] ,
163
- [ { name : '北京' } , { name : '包头' , value : 30 } ] ,
164
- [ { name : '北京' } , { name : '重庆' , value : 20 } ] ,
165
- [ { name : '北京' } , { name : '常州' , value : 10 } ]
158
+ [ { name : '北京' } , { name : '上海' , value : 95 } ] ,
159
+ [ { name : '北京' } , { name : '广州' , value : 90 } ] ,
160
+ [ { name : '北京' } , { name : '大连' , value : 80 } ] ,
161
+ [ { name : '北京' } , { name : '南宁' , value : 70 } ] ,
162
+ [ { name : '北京' } , { name : '南昌' , value : 60 } ] ,
163
+ [ { name : '北京' } , { name : '拉萨' , value : 50 } ] ,
164
+ [ { name : '北京' } , { name : '长春' , value : 40 } ] ,
165
+ [ { name : '北京' } , { name : '包头' , value : 30 } ] ,
166
+ [ { name : '北京' } , { name : '重庆' , value : 20 } ] ,
167
+ [ { name : '北京' } , { name : '常州' , value : 10 } ]
166
168
] ;
167
169
var SHData = [
168
- [ { name : '上海' } , { name : '包头' , value : 95 } ] ,
169
- [ { name : '上海' } , { name : '昆明' , value : 90 } ] ,
170
- [ { name : '上海' } , { name : '广州' , value : 80 } ] ,
171
- [ { name : '上海' } , { name : '郑州' , value : 70 } ] ,
172
- [ { name : '上海' } , { name : '长春' , value : 60 } ] ,
173
- [ { name : '上海' } , { name : '重庆' , value : 50 } ] ,
174
- [ { name : '上海' } , { name : '长沙' , value : 40 } ] ,
175
- [ { name : '上海' } , { name : '北京' , value : 30 } ] ,
176
- [ { name : '上海' } , { name : '丹东' , value : 20 } ] ,
177
- [ { name : '上海' } , { name : '大连' , value : 10 } ]
170
+ [ { name : '上海' } , { name : '包头' , value : 95 } ] ,
171
+ [ { name : '上海' } , { name : '昆明' , value : 90 } ] ,
172
+ [ { name : '上海' } , { name : '广州' , value : 80 } ] ,
173
+ [ { name : '上海' } , { name : '郑州' , value : 70 } ] ,
174
+ [ { name : '上海' } , { name : '长春' , value : 60 } ] ,
175
+ [ { name : '上海' } , { name : '重庆' , value : 50 } ] ,
176
+ [ { name : '上海' } , { name : '长沙' , value : 40 } ] ,
177
+ [ { name : '上海' } , { name : '北京' , value : 30 } ] ,
178
+ [ { name : '上海' } , { name : '丹东' , value : 20 } ] ,
179
+ [ { name : '上海' } , { name : '大连' , value : 10 } ]
178
180
] ;
179
181
var GZData = [
180
- [ { name : '广州' } , { name : '福州' , value : 95 } ] ,
181
- [ { name : '广州' } , { name : '太原' , value : 90 } ] ,
182
- [ { name : '广州' } , { name : '长春' , value : 80 } ] ,
183
- [ { name : '广州' } , { name : '重庆' , value : 70 } ] ,
184
- [ { name : '广州' } , { name : '西安' , value : 60 } ] ,
185
- [ { name : '广州' } , { name : '成都' , value : 50 } ] ,
186
- [ { name : '广州' } , { name : '常州' , value : 40 } ] ,
187
- [ { name : '广州' } , { name : '北京' , value : 30 } ] ,
188
- [ { name : '广州' } , { name : '北海' , value : 20 } ] ,
189
- [ { name : '广州' } , { name : '海口' , value : 10 } ]
182
+ [ { name : '广州' } , { name : '福州' , value : 95 } ] ,
183
+ [ { name : '广州' } , { name : '太原' , value : 90 } ] ,
184
+ [ { name : '广州' } , { name : '长春' , value : 80 } ] ,
185
+ [ { name : '广州' } , { name : '重庆' , value : 70 } ] ,
186
+ [ { name : '广州' } , { name : '西安' , value : 60 } ] ,
187
+ [ { name : '广州' } , { name : '成都' , value : 50 } ] ,
188
+ [ { name : '广州' } , { name : '常州' , value : 40 } ] ,
189
+ [ { name : '广州' } , { name : '北京' , value : 30 } ] ,
190
+ [ { name : '广州' } , { name : '北海' , value : 20 } ] ,
191
+ [ { name : '广州' } , { name : '海口' , value : 10 } ]
190
192
] ;
191
193
var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z' ;
192
194
var convertData = ( data ) => {
@@ -209,26 +211,26 @@ describe('leaflet_EChartsLayer', () => {
209
211
var series = [ ] ;
210
212
[ [ '北京' , BJData ] , [ '上海' , SHData ] , [ '广州' , GZData ] ] . forEach ( ( item , i ) => {
211
213
series . push ( {
212
- name : item [ 0 ] + ' Top10' ,
213
- type : 'lines' ,
214
- coordinateSystem : 'leaflet' ,
215
- zlevel : 1 ,
216
- effect : {
217
- show : true ,
218
- period : 6 ,
219
- trailLength : 0.7 ,
220
- color : '#fff' ,
221
- symbolSize : 3
222
- } ,
223
- lineStyle : {
224
- normal : {
225
- color : color [ i ] ,
226
- width : 0 ,
227
- curveness : 0.2
228
- }
229
- } ,
230
- data : convertData ( item [ 1 ] )
214
+ name : item [ 0 ] + ' Top10' ,
215
+ type : 'lines' ,
216
+ coordinateSystem : 'leaflet' ,
217
+ zlevel : 1 ,
218
+ effect : {
219
+ show : true ,
220
+ period : 6 ,
221
+ trailLength : 0.7 ,
222
+ color : '#fff' ,
223
+ symbolSize : 3
224
+ } ,
225
+ lineStyle : {
226
+ normal : {
227
+ color : color [ i ] ,
228
+ width : 0 ,
229
+ curveness : 0.2
230
+ }
231
231
} ,
232
+ data : convertData ( item [ 1 ] )
233
+ } ,
232
234
{
233
235
name : item [ 0 ] + ' Top10' ,
234
236
type : 'lines' ,
@@ -306,10 +308,33 @@ describe('leaflet_EChartsLayer', () => {
306
308
} ,
307
309
series : series
308
310
} ;
311
+
312
+ var flag = false ;
313
+ var count = 1 ;
314
+ function myself ( ) {
315
+ flag = true ;
316
+ // console.log('次数: '+count++)
317
+ } ;
318
+ expect ( flag ) . toEqual ( false ) ;
309
319
echartsMapLayer = echartsLayer ( option ) . addTo ( map ) ;
320
+ map . on ( 'zoomend' , myself ) ;
310
321
expect ( echartsMapLayer ) . not . toBeNull ( ) ;
311
322
expect ( echartsMapLayer . _echartsOptions . series . length ) . toBe ( 9 ) ;
312
323
expect ( echartsMapLayer . _echartsOptions . series [ 0 ] . name ) . toBe ( "北京 Top10" ) ;
313
324
expect ( echartsMapLayer . _echartsOptions . series [ 7 ] . name ) . toBe ( "广州 Top10" ) ;
325
+ map . removeLayer ( echartsMapLayer ) ;
326
+ expect ( flag ) . toEqual ( false ) ;
327
+ map . setZoom ( 1 ) ;
328
+ // map.zoomIn(2);
329
+ setTimeout ( ( ) => {
330
+ try {
331
+ expect ( flag ) . toEqual ( true ) ;
332
+ done ( )
333
+ }
334
+ catch ( exception ) {
335
+ expect ( false ) . toBeTruthy ( ) ;
336
+ done ( ) ;
337
+ } ;
338
+ } , 4000 )
314
339
} ) ;
315
340
} ) ;
0 commit comments