React-dnd: Tester avec Enzyme plutôt que React TestUtils

Je viens de le faire fonctionner, voici à quoi cela ressemble. en tapuscrit.

import { ThingIAmTesting } from '../file/where/it/lives';
describe('It is a test!', () => {
  let props;
  let component;
  const getComponent = () => {
    let OriginalComponent = (ThingIAmTesting as any).DecoratedComponent;
    let identity = el => el;
    if (!component) {
      component = Enzyme.shallow(
        <OriginalComponent {...props} connectDragSource={identity} />
       );
      return component
    }

    beforeEach (() => {
      props = {
         prop: 'stuff',
         }
      component = undefined;
     })
    it('should render', () => {
      let component = getComponent();
      expect(component).toMatchSnapshot();
    });
})

A couru dans ce même problème. Je pourrais, et je m'attends à ce que vous puissiez le réparer en utilisant la méthode wrapper.instance() . Également décrit ici https://github.com/react-dnd/react-dnd/issues/488.

par exemple

const Context = wrapInTestContext(Component)
const wrapper = mount(<Context />)
const manager = wrapper.instance().getManager()
const backend = manager.getBackend()

De plus, je devais également faire en sorte que les instances des composants enfants appellent getHandlerId() .

Si ça peut aider, voici un de mes fichiers de test : https://gist.github.com/gilleswittenberg/142fe49e1115b5a1936562b2284e1ab7

Ce problème a été automatiquement marqué comme obsolète car il n'a pas eu d'activité récente. Il sera fermé si aucune autre activité ne se produit. Merci pour vos contributions.