vitessce/src/app/VitessceGrid.test.js

Vitessce app and React component library

import React from 'react';
import Adapter from 'enzyme-adapter-react-16';
import { mount, configure } from 'enzyme';
import expect from 'expect';
import VitessceGrid from './VitessceGrid';
import {
  ViewConfigProvider, createViewConfigStore,
  AuxiliaryProvider, createAuxiliaryStore,
} from './state/hooks';

configure({ adapter: new Adapter() });

describe('VitessceGrid.js', () => {
  describe('<VitessceGrid />', () => {
    it('renders', () => {
      const config = {
        version: '1.0.0',
        description: 'fake description',
        datasets: [],
        name: 'fake name',
        layout: [
          {
            component: 'FakeComponent',
            props: { description: 'fake prop description' },
            uid: 'A',
            x: 0,
            y: 0,
          },
        ],
      };

      function FakeComponent() {
        return <p>FakeComponent!</p>;
      }
      const getComponent = () => FakeComponent;
      const wrapper = mount(
        <ViewConfigProvider createStore={createViewConfigStore}>
          <AuxiliaryProvider createStore={createAuxiliaryStore}>
            <VitessceGrid config={config} getComponent={getComponent} />
          </AuxiliaryProvider>
        </ViewConfigProvider>,
      );
      expect(wrapper.debug()).toContain('FakeComponent!');
    });
  });
});