@@ -72,30 +72,17 @@ describe('openlayers_MapboxStyles', () => {
72
72
it ( 'getStyleFunction' , ( done ) => {
73
73
var style ;
74
74
mapboxStyles = new MapboxStyles ( stylesOptions ) ;
75
- setTimeout ( ( ) => {
75
+ mapboxStyles . on ( "styleloaded" , ( ) => {
76
76
style = mapboxStyles . getStyleFunction ( ) ;
77
77
expect ( style ) . not . toBeNull ( ) ;
78
78
done ( ) ;
79
- } , 2000 ) ;
79
+ } )
80
80
} ) ;
81
81
82
82
it ( 'getStyleFunction,setSelectedId' , ( done ) => {
83
- var style ;
84
83
mapboxStyles = new MapboxStyles ( stylesOptions ) ;
85
- var feature = new ol . Feature ( {
86
- geometry : new ol . geom . Polygon ( [
87
- [
88
- [ 0 , 0 ] ,
89
- [ - 10 , 30 ] ,
90
- [ - 30 , 0 ] ,
91
- [ 0 , 0 ]
92
- ]
93
- ] ) ,
94
- layer : "Military_R@California"
95
- } ) ;
96
- feature . setId ( 1 ) ;
97
84
mapboxStyles . on ( "styleloaded" , ( ) => {
98
- var style = mapboxStyles . getStyleFunction ( ) ( feature , 2.388657133911758 ) ;
85
+ var style = mapboxStyles . getStyleFunction ( ) ( feature , 2.388657133911758 ) ;
99
86
expect ( style ) . not . toBeNull ( ) ;
100
87
expect ( style [ 0 ] . getFill ( ) . getColor ( ) ) . not . toBeNull ( ) ;
101
88
var color = ol . color . asArray ( style [ 0 ] . getFill ( ) . getColor ( ) ) ;
@@ -110,16 +97,16 @@ describe('openlayers_MapboxStyles', () => {
110
97
"id" : "Military_R@California#26" ,
111
98
"maxzoom" : 17 ,
112
99
} ) ;
113
- style = mapboxStyles . getStyleFunction ( ) ( feature , 2.388657133911758 / 2 ) ;
100
+ style = mapboxStyles . getStyleFunction ( ) ( feature , 2.388657133911758 / 2 ) ;
114
101
expect ( style ) . not . toBeNull ( ) ;
115
102
expect ( style [ 0 ] . getFill ( ) . getColor ( ) ) . not . toBeNull ( ) ;
116
- // color = ol.color.asArray(style[0].getFill().getColor());
117
- // expect(color[0]).toBeCloseTo(249);
118
- // expect(color[1]).toBeCloseTo(0);
119
- // expect(color[2]).toBeCloseTo(0);
120
- // expect(color[3]).toBeCloseTo(0.9);
103
+ color = ol . color . asArray ( style [ 0 ] . getFill ( ) . getColor ( ) ) ;
104
+ expect ( color [ 0 ] ) . toBeCloseTo ( 249 ) ;
105
+ expect ( color [ 1 ] ) . toBeCloseTo ( 0 ) ;
106
+ expect ( color [ 2 ] ) . toBeCloseTo ( 0 ) ;
107
+ expect ( color [ 3 ] ) . toBeCloseTo ( 0.9 ) ;
121
108
mapboxStyles . setSelectedId ( 1 , "Military_R@California" ) ;
122
- style = mapboxStyles . getStyleFunction ( ) ( feature , 2.388657133911758 ) ;
109
+ style = mapboxStyles . getStyleFunction ( ) ( feature , 2.388657133911758 ) ;
123
110
expect ( style ) . not . toBeNull ( ) ;
124
111
expect ( style [ 0 ] . getFill ( ) . getColor ( ) ) . not . toBeNull ( ) ;
125
112
color = ol . color . asArray ( style [ 0 ] . getFill ( ) . getColor ( ) ) ;
@@ -129,27 +116,43 @@ describe('openlayers_MapboxStyles', () => {
129
116
expect ( color [ 3 ] ) . toBeCloseTo ( 1 ) ;
130
117
done ( ) ;
131
118
} )
119
+ var feature = new ol . Feature ( {
120
+ geometry : new ol . geom . Polygon ( [
121
+ [
122
+ [ 0 , 0 ] ,
123
+ [ - 10 , 30 ] ,
124
+ [ - 30 , 0 ] ,
125
+ [ 0 , 0 ]
126
+ ]
127
+ ] ) ,
128
+ layer : "Military_R@California"
129
+ } ) ;
130
+ feature . setId ( 1 ) ;
131
+
132
132
133
133
} ) ;
134
134
135
135
it ( 'getStylesBySourceLayer' , ( done ) => {
136
- var layer ;
137
136
mapboxStyles = new MapboxStyles ( stylesOptions ) ;
138
- setTimeout ( ( ) => {
139
- layer = mapboxStyles . getStylesBySourceLayer ( "Military_R@California" ) ;
140
- expect ( layer ) . not . toBeNull ( ) ;
141
- expect ( layer [ 0 ] . paint ) . not . toBeNull ( ) ;
142
- expect ( layer [ 0 ] . paint [ "fill-color" ] ) . toBe ( "rgba(249,224,219,0.90)" ) ;
143
- vectorstylesEscapedJson . layers [ 2 ] . paint [ "fill-color" ] = "rgba(255,0,0,0)" ;
144
- delete vectorstylesEscapedJson . sprite ;
145
- delete vectorstylesEscapedJson . glyphs ;
146
- mapboxStyles . setStyle ( vectorstylesEscapedJson ) ;
147
- layer = mapboxStyles . getStylesBySourceLayer ( "Military_R@California" ) ;
148
- expect ( layer ) . not . toBeNull ( ) ;
149
- expect ( layer [ 0 ] . paint ) . not . toBeNull ( ) ;
150
- expect ( layer [ 0 ] . paint [ "fill-color" ] ) . toBe ( "rgba(255,0,0,0)" ) ;
151
- done ( ) ;
152
- } , 2000 ) ;
137
+ mapboxStyles . once ( "styleloaded" , ( ) => {
138
+ try {
139
+ var layer = mapboxStyles . getStylesBySourceLayer ( "Military_R@California" ) ;
140
+ expect ( layer ) . not . toBeNull ( ) ;
141
+ expect ( layer [ 0 ] . paint ) . not . toBeNull ( ) ;
142
+ expect ( layer [ 0 ] . paint [ "fill-color" ] ) . toBe ( "rgba(249,224,219,0.90)" ) ;
143
+ vectorstylesEscapedJson . layers [ 2 ] . paint [ "fill-color" ] = "rgba(255,0,0,0)" ;
144
+ mapboxStyles . setStyle ( vectorstylesEscapedJson ) ;
145
+ layer = mapboxStyles . getStylesBySourceLayer ( "Military_R@California" ) ;
146
+ expect ( layer ) . not . toBeNull ( ) ;
147
+ expect ( layer [ 0 ] . paint ) . not . toBeNull ( ) ;
148
+ expect ( layer [ 0 ] . paint [ "fill-color" ] ) . toBe ( "rgba(255,0,0,0)" ) ;
149
+ done ( ) ;
150
+ } catch ( e ) {
151
+ console . log ( "'getStylesBySourceLayer'案例失败" + e . name + ":" + e . message ) ;
152
+ expect ( false ) . toBeTruthy ( ) ;
153
+ done ( ) ;
154
+ }
155
+ } ) ;
153
156
} ) ;
154
157
155
158
it ( 'init_StyleObject' , ( done ) => {
@@ -159,11 +162,17 @@ describe('openlayers_MapboxStyles', () => {
159
162
map : map ,
160
163
source : 'California'
161
164
} ) ;
162
- setTimeout ( ( ) => {
163
- style = mapboxStyles . getStyleFunction ( ) ;
164
- expect ( style ) . not . toBeNull ( ) ;
165
- done ( ) ;
166
- } , 2000 ) ;
165
+ mapboxStyles . on ( "styleloaded" , ( ) => {
166
+ try {
167
+ style = mapboxStyles . getStyleFunction ( ) ;
168
+ expect ( style ) . not . toBeNull ( ) ;
169
+ done ( ) ;
170
+ } catch ( e ) {
171
+ console . log ( "'init_StyleObject'案例失败" + e . name + ":" + e . message ) ;
172
+ expect ( false ) . toBeTruthy ( ) ;
173
+ done ( ) ;
174
+ }
175
+ } ) ;
167
176
} ) ;
168
177
169
178
it ( 'init_StyleUrl' , ( done ) => {
@@ -173,11 +182,17 @@ describe('openlayers_MapboxStyles', () => {
173
182
map : map ,
174
183
source : 'California'
175
184
} ) ;
176
- setTimeout ( ( ) => {
177
- style = mapboxStyles . getStyleFunction ( ) ;
178
- expect ( style ) . not . toBeNull ( ) ;
179
- done ( ) ;
180
- } , 2000 ) ;
185
+ mapboxStyles . on ( "styleloaded" , ( ) => {
186
+ try {
187
+ style = mapboxStyles . getStyleFunction ( ) ;
188
+ expect ( style ) . not . toBeNull ( ) ;
189
+ done ( ) ;
190
+ } catch ( e ) {
191
+ console . log ( "'init_StyleUrl'案例失败" + e . name + ":" + e . message ) ;
192
+ expect ( false ) . toBeTruthy ( ) ;
193
+ done ( ) ;
194
+ }
195
+ } ) ;
181
196
} ) ;
182
197
183
198
} )
0 commit comments