@@ -19,6 +19,7 @@ import {
19
19
DEFAULT_VISUALIZATION ,
20
20
DEFAULT_VISUALIZATION_AGGREGATE ,
21
21
DEFAULT_VISUALIZATION_FIELD ,
22
+ Visualize ,
22
23
} from 'sentry/views/explore/contexts/pageParamsContext/visualizes' ;
23
24
import { ChartType } from 'sentry/views/insights/common/components/chart' ;
24
25
@@ -112,13 +113,7 @@ describe('PageParamsProvider', function () {
112
113
mode : Mode . SAMPLES ,
113
114
query : '' ,
114
115
sortBys : [ { field : 'timestamp' , kind : 'desc' } ] ,
115
- visualizes : [
116
- {
117
- chartType : ChartType . BAR ,
118
- label : 'A' ,
119
- yAxes : [ 'count(span.duration)' ] ,
120
- } ,
121
- ] ,
116
+ visualizes : [ new Visualize ( [ 'count(span.duration)' ] , 'A' ) ] ,
122
117
} ) ;
123
118
} ) ;
124
119
@@ -134,13 +129,7 @@ describe('PageParamsProvider', function () {
134
129
mode : Mode . AGGREGATE ,
135
130
query : '' ,
136
131
sortBys : [ { field : 'count(span.self_time)' , kind : 'asc' } ] ,
137
- visualizes : [
138
- {
139
- chartType : ChartType . AREA ,
140
- label : 'A' ,
141
- yAxes : [ 'count(span.self_time)' ] ,
142
- } ,
143
- ] ,
132
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
144
133
} ) ;
145
134
} ) ;
146
135
@@ -156,13 +145,7 @@ describe('PageParamsProvider', function () {
156
145
mode : Mode . AGGREGATE ,
157
146
query : '' ,
158
147
sortBys : [ { field : 'count(span.self_time)' , kind : 'asc' } ] ,
159
- visualizes : [
160
- {
161
- chartType : ChartType . AREA ,
162
- label : 'A' ,
163
- yAxes : [ 'count(span.self_time)' ] ,
164
- } ,
165
- ] ,
148
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
166
149
} ) ;
167
150
} ) ;
168
151
@@ -178,13 +161,7 @@ describe('PageParamsProvider', function () {
178
161
mode : Mode . AGGREGATE ,
179
162
query : '' ,
180
163
sortBys : [ { field : 'count(span.self_time)' , kind : 'asc' } ] ,
181
- visualizes : [
182
- {
183
- chartType : ChartType . AREA ,
184
- label : 'A' ,
185
- yAxes : [ 'count(span.self_time)' ] ,
186
- } ,
187
- ] ,
164
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
188
165
} ) ;
189
166
} ) ;
190
167
@@ -200,13 +177,7 @@ describe('PageParamsProvider', function () {
200
177
mode : Mode . AGGREGATE ,
201
178
query : '' ,
202
179
sortBys : [ { field : 'count(span.self_time)' , kind : 'asc' } ] ,
203
- visualizes : [
204
- {
205
- chartType : ChartType . AREA ,
206
- label : 'A' ,
207
- yAxes : [ 'count(span.self_time)' ] ,
208
- } ,
209
- ] ,
180
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
210
181
} ) ;
211
182
} ) ;
212
183
@@ -222,13 +193,7 @@ describe('PageParamsProvider', function () {
222
193
mode : Mode . AGGREGATE ,
223
194
query : '' ,
224
195
sortBys : [ { field : 'count(span.self_time)' , kind : 'asc' } ] ,
225
- visualizes : [
226
- {
227
- chartType : ChartType . AREA ,
228
- label : 'A' ,
229
- yAxes : [ 'count(span.self_time)' ] ,
230
- } ,
231
- ] ,
196
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
232
197
} ) ;
233
198
} ) ;
234
199
@@ -244,13 +209,7 @@ describe('PageParamsProvider', function () {
244
209
mode : Mode . SAMPLES ,
245
210
query : '' ,
246
211
sortBys : [ { field : 'timestamp' , kind : 'desc' } ] ,
247
- visualizes : [
248
- {
249
- chartType : ChartType . AREA ,
250
- label : 'A' ,
251
- yAxes : [ 'count(span.self_time)' ] ,
252
- } ,
253
- ] ,
212
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
254
213
} ) ;
255
214
} ) ;
256
215
@@ -271,13 +230,7 @@ describe('PageParamsProvider', function () {
271
230
mode : Mode . SAMPLES ,
272
231
query : '' ,
273
232
sortBys : [ { field : 'timestamp' , kind : 'desc' } ] ,
274
- visualizes : [
275
- {
276
- chartType : ChartType . AREA ,
277
- label : 'A' ,
278
- yAxes : [ 'count(span.self_time)' ] ,
279
- } ,
280
- ] ,
233
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
281
234
} ) ;
282
235
} ) ;
283
236
@@ -293,13 +246,7 @@ describe('PageParamsProvider', function () {
293
246
mode : Mode . AGGREGATE ,
294
247
query : 'foo:bar' ,
295
248
sortBys : [ { field : 'count(span.self_time)' , kind : 'asc' } ] ,
296
- visualizes : [
297
- {
298
- chartType : ChartType . AREA ,
299
- label : 'A' ,
300
- yAxes : [ 'count(span.self_time)' ] ,
301
- } ,
302
- ] ,
249
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
303
250
} ) ;
304
251
} ) ;
305
252
@@ -315,13 +262,7 @@ describe('PageParamsProvider', function () {
315
262
mode : Mode . SAMPLES ,
316
263
query : '' ,
317
264
sortBys : [ { field : 'id' , kind : 'desc' } ] ,
318
- visualizes : [
319
- {
320
- chartType : ChartType . AREA ,
321
- label : 'A' ,
322
- yAxes : [ 'count(span.self_time)' ] ,
323
- } ,
324
- ] ,
265
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
325
266
} ) ;
326
267
} ) ;
327
268
@@ -337,13 +278,7 @@ describe('PageParamsProvider', function () {
337
278
mode : Mode . SAMPLES ,
338
279
query : '' ,
339
280
sortBys : [ { field : 'timestamp' , kind : 'desc' } ] ,
340
- visualizes : [
341
- {
342
- chartType : ChartType . AREA ,
343
- label : 'A' ,
344
- yAxes : [ 'count(span.self_time)' ] ,
345
- } ,
346
- ] ,
281
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
347
282
} ) ;
348
283
} ) ;
349
284
@@ -369,11 +304,7 @@ describe('PageParamsProvider', function () {
369
304
query : '' ,
370
305
sortBys : [ { field : 'max(span.duration)' , kind : 'desc' } ] ,
371
306
visualizes : [
372
- {
373
- chartType : ChartType . AREA ,
374
- label : 'A' ,
375
- yAxes : [ 'min(span.self_time)' , 'max(span.duration)' ] ,
376
- } ,
307
+ new Visualize ( [ 'min(span.self_time)' , 'max(span.duration)' ] , 'A' , ChartType . AREA ) ,
377
308
] ,
378
309
} ) ;
379
310
} ) ;
@@ -400,11 +331,7 @@ describe('PageParamsProvider', function () {
400
331
query : '' ,
401
332
sortBys : [ { field : 'min(span.self_time)' , kind : 'desc' } ] ,
402
333
visualizes : [
403
- {
404
- chartType : ChartType . AREA ,
405
- label : 'A' ,
406
- yAxes : [ 'min(span.self_time)' , 'max(span.duration)' ] ,
407
- } ,
334
+ new Visualize ( [ 'min(span.self_time)' , 'max(span.duration)' ] , 'A' , ChartType . AREA ) ,
408
335
] ,
409
336
} ) ;
410
337
} ) ;
@@ -421,13 +348,7 @@ describe('PageParamsProvider', function () {
421
348
mode : Mode . AGGREGATE ,
422
349
query : '' ,
423
350
sortBys : [ { field : 'sdk.name' , kind : 'desc' } ] ,
424
- visualizes : [
425
- {
426
- chartType : ChartType . AREA ,
427
- label : 'A' ,
428
- yAxes : [ 'count(span.self_time)' ] ,
429
- } ,
430
- ] ,
351
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
431
352
} ) ;
432
353
} ) ;
433
354
@@ -443,13 +364,7 @@ describe('PageParamsProvider', function () {
443
364
mode : Mode . AGGREGATE ,
444
365
query : '' ,
445
366
sortBys : [ { field : 'count(span.self_time)' , kind : 'desc' } ] ,
446
- visualizes : [
447
- {
448
- chartType : ChartType . AREA ,
449
- label : 'A' ,
450
- yAxes : [ 'count(span.self_time)' ] ,
451
- } ,
452
- ] ,
367
+ visualizes : [ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ] ,
453
368
} ) ;
454
369
} ) ;
455
370
@@ -477,16 +392,8 @@ describe('PageParamsProvider', function () {
477
392
query : '' ,
478
393
sortBys : [ { field : 'count(span.self_time)' , kind : 'asc' } ] ,
479
394
visualizes : [
480
- {
481
- chartType : ChartType . AREA ,
482
- label : 'A' ,
483
- yAxes : [ 'count(span.self_time)' ] ,
484
- } ,
485
- {
486
- chartType : ChartType . LINE ,
487
- label : 'B' ,
488
- yAxes : [ 'avg(span.duration)' , 'avg(span.self_time)' ] ,
489
- } ,
395
+ new Visualize ( [ 'count(span.self_time)' ] , 'A' , ChartType . AREA ) ,
396
+ new Visualize ( [ 'avg(span.duration)' , 'avg(span.self_time)' ] , 'B' , ChartType . LINE ) ,
490
397
] ,
491
398
} ) ;
492
399
} ) ;
0 commit comments