효소 3 (16)

Question

(16) 반응에 나는 효소 3을 사용하고 반작용 작동하지 I가 반응 효소는, 그러나 업그레이드 한 후 나는 다음과 같은 오류

에게 무엇입니까의 이전 버전으로 작업 된 다음 단위 테스트 "시뮬레이션"방법은 단일 노드에서 실행하기위한 것입니다. 3 대신 찾았습니다.

이

코드

it('calls \'onCompleteShoppingClicked\' when the user clicks the button to complete shopping',() => { 
    const onCompleteShoppingClickedSpy = sinon.spy(); 
    const onSaveShoppingClickedSpy = sinon.spy(); 

    const shppingPathWrapper = 
     mount(
      <Provider store={store}> 
       <ShoppingPathComponent 
        AppliedShoppingLists={AppliedShoppingListsSampleData} 
        onCompleteShoppingClicked={onCompleteShoppingClickedSpy} 
        onSaveShoppingClicked={onSaveShoppingClickedSpy} 
       /> 
      </Provider> 
     ); 

    const completeShoppingbutton = shppingPathWrapper.find('#completeShoppingbutton'); 
    completeShoppingbutton.simulate('click'); 
    expect(onCompleteShoppingClickedSpy.called).toEqual(true); 
}); 

내가 찾기를 사용하여 시뮬레이션 할 때마다 나는 또한 내 단위 테스트의 나머지 부분에 대해 동일한 오류를 얻고있다. 몇 가지 비 호환성 문제가 수정되어야합니까?

Answer 1

효소 3 해주기

enzyme@3.1.0가 복귀를 제한해야 hostnodes 함수의 도입이 문제를 패치 (모든 요소 객체 jsx에있는 바와 같이) 엘리먼트 ID와 같은 소품 ID를 픽업 새로운 CSS 파서 소개 DOM 노드 만.

wrapper.hostNodes() 당신이 16 반응 용 어댑터를 정의나요 여기 https://github.com/airbnb/enzyme/pull/1179

Answer 2

홍보를 볼 수 있습니다

구성 요소처럼 HTML로 제한해야합니까? https://medium.com/@mateuszsokola/configuring-react-16-jest-enzyme-typescript-7122e1a1e6e8

-

/** 
* Defines the React 16 Adapter for Enzyme. 
* 
* @link http://airbnb.io/enzyme/docs/installation/#working-with-react-16 
* @copyright 2017 Airbnb, Inc. 
*/ 
const enzyme = require("enzyme"); 
const Adapter = require("enzyme-adapter-react-16"); 

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

나는 당신이 타이프 라이터 부분없이 사용할 수 있습니다, 농담, 효소와 타이프 라이터로 (16) 반응의 구성에 대한 게시물을 작성한