grafana/public/app/core/components/sidemenu/TopSection.test.tsx

import React from 'react';
import { shallow } from 'enzyme';
import TopSection from './TopSection';

jest.mock('../../config', () => ({
  bootData: {
    navTree: [
      { id: '1', hideFromMenu: true },
      { id: '2', hideFromMenu: true },
      { id: '3', hideFromMenu: false },
      { id: '4', hideFromMenu: true },
    ],
  },
}));

const setup = (propOverrides?: object) => {
  const props = Object.assign(
    {
      mainLinks: [],
    },
    propOverrides
  );

  return shallow(<TopSection {...props} />);
};

describe('Render', () => {
  it('should render component', () => {
    const wrapper = setup();

    expect(wrapper).toMatchSnapshot();
  });

  it('should render items', () => {
    const wrapper = setup({
      mainLinks: [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }],
    });

    expect(wrapper).toMatchSnapshot();
  });
});