UI.tsx

import * as React from 'react';
import {configure, mount} from 'enzyme';
import * as Adapter from 'enzyme-adapter-react-16';
import {RemoveScroll} from '../src/UI';
import {sidecar} from "use-sidecar";

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

const tick = () => new Promise(resolve => setTimeout(resolve, 10));

const car = sidecar(() => import ('../src/sidecar'));

describe('UI', () => {
  it('smoke', async () => {
    const wrapper = mount(
      <RemoveScroll sideCar={car}>content</RemoveScroll>
    );
    await tick();
    expect(wrapper.html()).toContain('content');
  });

  it('forward', async () => {
    const wrapper = mount(
      <RemoveScroll sideCar={car} forwardProps>
        <div>content</div>
      </RemoveScroll>
    );
    await tick();
    expect(wrapper.html()).toContain('content');
  });
});