kibana/x-pack/plugins/lens/public/indexpattern_datasource/no_fields_callout.test.tsx

/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License;
 * you may not use this file except in compliance with the Elastic License.
 */
import React from 'react';
import { shallow } from 'enzyme';
import { NoFieldsCallout } from './no_fields_callout';

describe('NoFieldCallout', () => {
  it('renders correctly for index with no fields', () => {
    const component = shallow(<NoFieldsCallout existFieldsInIndex={false} />);
    expect(component).toMatchInlineSnapshot(`
      <EuiCallOut
        color="warning"
        size="s"
        title="No fields exist in this index pattern."
      />
    `);
  });
  it('renders correctly when empty with no filters/timerange reasons', () => {
    const component = shallow(<NoFieldsCallout existFieldsInIndex={true} />);
    expect(component).toMatchInlineSnapshot(`
      <EuiCallOut
        color="warning"
        size="s"
        title="There are no fields."
      />
    `);
  });
  it('renders correctly with passed defaultNoFieldsMessage', () => {
    const component = shallow(
      <NoFieldsCallout existFieldsInIndex={true} defaultNoFieldsMessage="No empty fields" />
    );
    expect(component).toMatchInlineSnapshot(`
      <EuiCallOut
        color="warning"
        size="s"
        title="No empty fields"
      />
    `);
  });

  it('renders properly when affected by field filter', () => {
    const component = shallow(
      <NoFieldsCallout existFieldsInIndex={true} isAffectedByFieldFilter={true} />
    );
    expect(component).toMatchInlineSnapshot(`
      <EuiCallOut
        color="warning"
        size="s"
        title="No fields match the selected filters."
      >
        <strong>
          Try:
        </strong>
        <ul>
          <li>
            Using different field filters
          </li>
        </ul>
      </EuiCallOut>
    `);
  });

  it('renders correctly when affected by global filters and timerange', () => {
    const component = shallow(
      <NoFieldsCallout
        existFieldsInIndex={true}
        isAffectedByTimerange={true}
        isAffectedByGlobalFilter={true}
        defaultNoFieldsMessage="There are no available fields that contain data."
      />
    );
    expect(component).toMatchInlineSnapshot(`
      <EuiCallOut
        color="warning"
        size="s"
        title="There are no available fields that contain data."
      >
        <strong>
          Try:
        </strong>
        <ul>
          <li>
            Extending the time range
          </li>
          <li>
            Changing the global filters
          </li>
        </ul>
      </EuiCallOut>
    `);
  });

  it('renders correctly when affected by global filters and field filters', () => {
    const component = shallow(
      <NoFieldsCallout
        existFieldsInIndex={true}
        isAffectedByTimerange={true}
        isAffectedByFieldFilter={true}
        defaultNoFieldsMessage="There are no available fields that contain data."
      />
    );
    expect(component).toMatchInlineSnapshot(`
      <EuiCallOut
        color="warning"
        size="s"
        title="No fields match the selected filters."
      >
        <strong>
          Try:
        </strong>
        <ul>
          <li>
            Extending the time range
          </li>
          <li>
            Using different field filters
          </li>
        </ul>
      </EuiCallOut>
    `);
  });

  it('renders correctly when affected by field filters, global filter and timerange', () => {
    const component = shallow(
      <NoFieldsCallout
        existFieldsInIndex={true}
        isAffectedByFieldFilter={true}
        isAffectedByTimerange={true}
        isAffectedByGlobalFilter={true}
        defaultNoFieldsMessage={`doesn't exist`}
      />
    );
    expect(component).toMatchInlineSnapshot(`
      <EuiCallOut
        color="warning"
        size="s"
        title="No fields match the selected filters."
      >
        <strong>
          Try:
        </strong>
        <ul>
          <li>
            Extending the time range
          </li>
          <li>
            Using different field filters
          </li>
          <li>
            Changing the global filters
          </li>
        </ul>
      </EuiCallOut>
    `);
  });
});