Jest + Typescript Reactコンポーネントのメソッドをテストするにはどうすればよいですか？

Question

Typescript/Reactで.tsxコンポーネントを作成しています。私は、Reactコンポーネント内のメソッドのいくつかの単体テストを行いたいと思います。セイ：SomeComponent.test.tsxファイルで

export default class SomeComponent extends React.Component<undefined, SomeComponentState> { 

    someMethod = (string: someInput) => { 
     return someInput + someInput; 
    } 
    render() .. // etc 
} 

、どのように私は、インポートおよびsomeMethodの方法、および全体ではなく、コンポーネント自体をテストするのですか？

私が試した：運なし

import {someMethod} from "./someComponent"; 

けれども - 呼び出し可能ではないようですし、TSエラーがスローされます。

Answer 1

そのメンバー「コンポーネントには、エクスポートメンバーがのsomeMethodいません」あなたはそれをテストするためのインスタンスが必要です。直接インポートすることはできません。インスタンス上の他のものにアクセスする必要がない場合は、 を別の関数として抽出してエクスポートすることができます。

また、enzymeを使用すると、次のような方法でテストできます。 import {shallow} from 'enzyme';

it('.....',() => { 
    const wrapper = shallow(<SomeComponent />); 
    (wrapper.instance() as SomeComponent).someMethod('someValue'); 
})