FileManager.spec.js

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

import FileManager, {FileType} from '../components/FileManager';

const data = [
  {
    id: '1',
    name: 'Source file',
    contentTypes: ['text/plain'],
    multiple: false,
    files: [{filename: 'file1.txt', url: 'file1url', uuid: 'file1', claimed: true}],
  },
  {
    id: '2',
    name: 'PDF file',
    contentTypes: ['application/pdf'],
    multiple: false,
    files: [{filename: 'file1.pdf', url: 'file1url', uuid: 'file2', claimed: true}],
  },
  {
    id: '3',
    name: 'Image files',
    contentTypes: ['image/png'],
    multiple: true,
    files: [
      {filename: 'image.png', url: 'file1url', uuid: 'file3', claimed: true},
      {filename: 'image2.png', url: 'file2url', uuid: 'file4', claimed: true},
    ],
  },
];

describe('File manager', () => {
  it('Renders OK', () => {
    const wrapper = shallow(<FileManager eventId="1" fileTypes={data} />);
    expect(wrapper.find(FileType)).toHaveLength(3);
    wrapper.find(FileType).forEach((node, i) => {
      expect(node.prop('fileType')).toEqual(data[i]);
      expect(node.prop('uploads')).toEqual({});
    });
  });
});