Mobx注入コンポーネントをテストする

Question

Mobx注入と嫌がらせをしてコンポーネントをテストする際に問題があります。 これはコンポーネントです：

@inject("mainStore") @observer 
export default class TestContainer extends React.Component { 
    sum(a, b) { 
     return a + b; 
    } 
    render() { 
     return <div className="TestContainer">phhhaz</div> 
    } 
} 

これはテストです：

describe('TestContainer',() => { 
it('knows that 2 and 2 make 4',() => { 
    const wrapper = shallow(<TestContainer mainStore={{}} />); 
    expect(wrapper.instance().sum(2,2)).toBe(4); 
}); 
}); 

私はこのエラーを取得しています：それは起こっている理由

TypeError: wrapper.instance(...).sum is not a function 

は、私が知っているが、私はそうではありませんそれを解決する方法を知っている。

Answer 1

問題は、注入コンポーネントを浅くレンダリングしていることです。また、ラッピングコンポーネント（Hoc）なので、独自のコンポーネントをテストしているわけではありません。 TestContainerをレンダリングしてテストする代わりに、TestContainer.wrappedComponentをレンダリングしてテストする必要があります。詳細については、https://github.com/mobxjs/mobx-react#testing-store-injection