grafana/public/app/plugins/datasource/loki/makeTableFrames.test.ts

import { DataFrame, FieldType } from '@grafana/data';

import { makeTableFrames } from './makeTableFrames';

const frame1: DataFrame = {
  name: 'frame1',
  refId: 'A',
  meta: {
    executedQueryString: 'something1',
  },
  fields: [
    {
      name: 'Time',
      type: FieldType.time,
      config: {},
      values: [1645029699311],
    },
    {
      name: 'Value',
      type: FieldType.number,
      labels: {
        level: 'error',
        location: 'moon',
        protocol: 'http',
      },
      config: {
        displayNameFromDS: '{level="error", location="moon", protocol="http"}',
      },
      values: [23],
    },
  ],
  length: 1,
};

const frame2: DataFrame = {
  name: 'frame1',
  refId: 'A',
  meta: {
    executedQueryString: 'something1',
  },
  fields: [
    {
      name: 'Time',
      type: FieldType.time,
      config: {},
      values: [1645029699311],
    },
    {
      name: 'Value',
      type: FieldType.number,
      labels: {
        level: 'info',
        location: 'moon',
        protocol: 'http',
      },
      config: {
        displayNameFromDS: '{level="info", location="moon", protocol="http"}',
      },
      values: [45],
    },
  ],
  length: 1,
};

const frame3: DataFrame = {
  name: 'frame1',
  refId: 'B',
  meta: {
    executedQueryString: 'something1',
  },
  fields: [
    {
      name: 'Time',
      type: FieldType.time,
      config: {},
      values: [1645029699311],
    },
    {
      name: 'Value',
      type: FieldType.number,
      labels: {
        level: 'error',
        location: 'moon',
        protocol: 'http',
      },
      config: {
        displayNameFromDS: '{level="error", location="moon", protocol="http"}',
      },
      values: [72],
    },
  ],
  length: 1,
};

const outputSingle = [
  {
    fields: [
      { config: {}, name: 'Time', type: 'time', values: [1645029699311] },
      { config: { filterable: true }, name: 'level', type: 'string', values: ['error'] },
      { config: { filterable: true }, name: 'location', type: 'string', values: ['moon'] },
      { config: { filterable: true }, name: 'protocol', type: 'string', values: ['http'] },
      { config: {}, name: 'Value #A', type: 'number', values: [23] },
    ],
    length: 1,
    meta: { preferredVisualisationType: 'table' },
    refId: 'A',
  },
];

const outputMulti = [
  {
    fields: [
      { config: {}, name: 'Time', type: 'time', values: [1645029699311, 1645029699311] },
      { config: { filterable: true }, name: 'level', type: 'string', values: ['error', 'info'] },
      { config: { filterable: true }, name: 'location', type: 'string', values: ['moon', 'moon'] },
      { config: { filterable: true }, name: 'protocol', type: 'string', values: ['http', 'http'] },
      { config: {}, name: 'Value #A', type: 'number', values: [23, 45] },
    ],
    length: 2,
    meta: { preferredVisualisationType: 'table' },
    refId: 'A',
  },
  {
    fields: [
      { config: {}, name: 'Time', type: 'time', values: [1645029699311] },
      { config: { filterable: true }, name: 'level', type: 'string', values: ['error'] },
      { config: { filterable: true }, name: 'location', type: 'string', values: ['moon'] },
      { config: { filterable: true }, name: 'protocol', type: 'string', values: ['http'] },
      { config: {}, name: 'Value #B', type: 'number', values: [72] },
    ],
    length: 1,
    meta: { preferredVisualisationType: 'table' },
    refId: 'B',
  },
];

describe('loki makeTableFrames', () => {
  it('converts a single instant metric dataframe to table dataframe', () => {
    const result = makeTableFrames([frame1]);
    expect(result).toEqual(outputSingle);
  });

  it('converts 3 instant metric dataframes into 2 tables', () => {
    const result = makeTableFrames([frame1, frame2, frame3]);
    expect(result).toEqual(outputMulti);
  });
});