grafana/public/app/features/plugins/PluginListPage.test.tsx

import React from 'react';
import { PluginListPage, Props } from './PluginListPage';
import { NavModel, PluginErrorCode, PluginMeta } from '@grafana/data';
import { mockToolkitActionCreator } from 'test/core/redux/mocks';
import { setPluginsSearchQuery } from './state/reducers';
import { render, screen, waitFor } from '@testing-library/react';
import { selectors } from '@grafana/e2e-selectors';
import { Provider } from 'react-redux';
import { configureStore } from '../../store/configureStore';
import { afterEach } from '../../../test/lib/common';

let errorsReturnMock: any = [];

jest.mock('@grafana/runtime', () => ({
  ...(jest.requireActual('@grafana/runtime') as object),
  getBackendSrv: () => ({
    get: () => {
      return errorsReturnMock as any;
    },
  }),
}));

const setup = (propOverrides?: object) => {
  const store = configureStore();
  const props: Props = {
    navModel: {
      main: {
        text: 'Configuration',
      },
      node: {
        text: 'Plugins',
      },
    } as NavModel,
    plugins: [] as PluginMeta[],
    searchQuery: '',
    setPluginsSearchQuery: mockToolkitActionCreator(setPluginsSearchQuery),
    loadPlugins: jest.fn(),
    hasFetched: false,
  };

  Object.assign(props, propOverrides);

  return render(
    <Provider store={store}>
      <PluginListPage {...props} />
    </Provider>
  );
};

describe('Render', () => {
  afterEach(() => {
    errorsReturnMock = [];
  });

  it('should render component', async () => {
    errorsReturnMock = [];
    setup();
    await waitFor(() => {
      expect(screen.queryByLabelText(selectors.pages.PluginsList.page)).toBeInTheDocument();
      expect(screen.queryByLabelText(selectors.pages.PluginsList.list)).not.toBeInTheDocument();
    });
  });

  it('should render list', async () => {
    errorsReturnMock = [];
    setup({
      hasFetched: true,
    });
    await waitFor(() => {
      expect(screen.queryByLabelText(selectors.pages.PluginsList.list)).toBeInTheDocument();
    });
  });

  describe('Plugin signature errors', () => {
    it('should render notice if there are plugins with signing errors', async () => {
      errorsReturnMock = [{ pluginId: 'invalid-sig', errorCode: PluginErrorCode.invalidSignature }];
      setup({
        hasFetched: true,
      });

      await waitFor(() =>
        expect(screen.getByLabelText(selectors.pages.PluginsList.signatureErrorNotice)).toBeInTheDocument()
      );
    });
  });
});