verdaccio-ui/src/components/Versions/Versions.test.tsx

import React from 'react';
import { mount } from 'enzyme';

import Versions from './Versions';

const mockPackageMeta = jest.fn(() => ({
  latest: {
    versions: {
      '1.0.0': {
        version: '1.0.0',
      },
      '2.0.0': {
        version: '2.0.0',
      },
      '3.0.0': {
        version: '3.0.0',
      },
    },
    time: {
      '1.0.0': '2016-08-26T22:36:41.762Z',
      '2.0.0': '2017-08-26T22:36:41.762Z',
      '3.0.0': '2018-02-07T06:43:22.801Z',
    },
    'dist-tags': {
      latest: '3.0.0',
    },
  },
}));

jest.mock('../../pages/Version', () => ({
  DetailContextConsumer: component => {
    return component.children({ packageMeta: mockPackageMeta() });
  },
}));

describe('<Version /> component', () => {
  beforeEach(() => {
    jest.resetModules();
  });

  test('should render the component in default state', () => {
    const wrapper = mount(<Versions />);
    expect(wrapper.html()).toMatchSnapshot();
  });
});