React-dnd: ドラッグソースとドロップターゲットの両方であるコンポーネントをテストできません

OK、これを行う方法を見つけました。 将来の開発者がエラーメッセージをグーグルで検索するのに役立つことを期待して、ここに文書化します。

解決策は、次のように中間アイテムをエクスポートすることです。

class MyComponent extends React.Component {
  // ...
}

export const MyComponentDragSource = DragSource(/* ... */)(MyComponent);
// ^^^ export the intermediate component

export default const MyComponentDropTarget = DropTarget(/* ... */)(MyComponentDragSource);

次に、次のようにテストで使用できます。

import MyComponent, {MyComponentDragSource} from '../MyComponent';

// ...
      // Inside test
      const root = TestUtils.renderIntoDocument(<MyComponent />);
      const backend = root.getManager().getBackend();

      const item = TestUtils.findRenderedComponentWithType(root, MyComponentDragSource);
      // Notice we find the DragSource, not the regular component:          ^^^^^^^^^^
      backend.simulateBeginDrag([item.getHandlerId()]); // Will work now
// ...

私の神様、ありがとう