import {DisplayType, WidgetType} from 'sentry/views/dashboards/types'; import type {WidgetBuilderState} from 'sentry/views/dashboards/widgetBuilder/hooks/useWidgetBuilderState'; import {convertBuilderStateToWidget} from 'sentry/views/dashboards/widgetBuilder/utils/convertBuilderStateToWidget'; import {FieldValueKind} from 'sentry/views/discover/table/types'; describe('convertBuilderStateToWidget', function () { it('returns the widget with the provided widget queries state', function () { const mockState: WidgetBuilderState = { title: 'Test Widget', description: 'Test Description', dataset: WidgetType.ERRORS, displayType: DisplayType.TABLE, limit: 5, fields: [ {kind: 'field', field: 'geo.country'}, { function: ['count', '', undefined, undefined], kind: 'function', }, { function: ['count_unique', 'user', undefined, undefined], kind: 'function', }, ], yAxis: [{kind: 'field', field: 'count()'}], }; const widget = convertBuilderStateToWidget(mockState); expect(widget).toEqual({ title: 'Test Widget', description: 'Test Description', widgetType: WidgetType.ERRORS, displayType: DisplayType.TABLE, interval: '1h', limit: 5, queries: [ { fields: ['geo.country', 'count()', 'count_unique(user)'], fieldAliases: ['', '', ''], aggregates: ['count()'], columns: ['geo.country'], conditions: '', name: '', orderby: 'geo.country', }, ], }); }); it('injects the orderby from the sort state into the widget queries', function () { const mockState: WidgetBuilderState = { query: ['transaction.duration:>100', 'transaction.duration:>50'], sort: [{field: 'geo.country', kind: 'desc'}], }; const widget = convertBuilderStateToWidget(mockState); expect(widget.queries[0]!.orderby).toBe('-geo.country'); expect(widget.queries[1]!.orderby).toBe('-geo.country'); }); it('does not convert aggregates to aliased format', function () { const mockState: WidgetBuilderState = { query: ['transaction.duration:>100', 'transaction.duration:>50'], sort: [{field: 'count()', kind: 'desc'}], }; const widget = convertBuilderStateToWidget(mockState); expect(widget.queries[0]!.orderby).toBe('-count()'); expect(widget.queries[1]!.orderby).toBe('-count()'); }); it('adds aliases to the widget queries', function () { const mockState: WidgetBuilderState = { fields: [ {field: 'geo.country', alias: 'test', kind: FieldValueKind.FIELD}, {field: 'geo.country', alias: undefined, kind: FieldValueKind.FIELD}, {field: 'geo.country', alias: 'another one', kind: FieldValueKind.FIELD}, ], }; const widget = convertBuilderStateToWidget(mockState); expect(widget.queries[0]!.fieldAliases).toEqual(['test', '', 'another one']); }); it('adds legend aliases to the widget queries', function () { const mockState: WidgetBuilderState = { legendAlias: ['test', 'test2'], query: ['transaction.duration:>100', 'transaction.duration:>50'], }; const widget = convertBuilderStateToWidget(mockState); expect(widget.queries[0]!.name).toBe('test'); expect(widget.queries[0]!.conditions).toBe('transaction.duration:>100'); expect(widget.queries[1]!.name).toBe('test2'); expect(widget.queries[1]!.conditions).toBe('transaction.duration:>50'); }); });