React-dnd: React TestUtils가 아닌 Enzyme으로 테스트하기

방금 이 작업을 수행했습니다. 다음과 같습니다. 타이프스크립트에서.

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();
    });
})

이 같은 문제가 발생했습니다. wrapper.instance() 메서드를 사용하여 수정할 수 있고 여러분이 할 수 있을 것으로 기대합니다. https://github.com/react-dnd/react-dnd/issues/488 에도 설명되어 있습니다

예

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

또한 getHandlerId() 를 호출하는 하위 구성 요소의 인스턴스도 가져와야 했습니다.

도움이 된다면 여기 내 테스트 파일 중 하나가 있습니다. https://gist.github.com/gilleswittenberg/142fe49e1115b5a1936562b2284e1ab7

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 없으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.