ユニットテストReactNative with Jest

Question

私は自分のアプリでユニットテスト機能を実装する方法を探していますが、リソースが限られています。ReactNativeアプリでユニットテスト機能を追加するためのステップガイドを提供するドキュメントがありますか？

私は反応ネイティブと反応/アドオンをインポートする必要があると言うので、ほとんどのドキュメントは古くなっていますが、これは現在利用できません。

は今

Answer 1

私はreact-nativeでテスト環境をセットアップする公式冗談docsをたどる....リアクトには追加アドオンファイルはありません。

Redux/reducerのテストと違いはありません。コンポーネントについては、新しいsnapshotsテスト方法を使用することができます。これはreact-nativeと互換性があります。あなたはJestレポの小さな例を見ることができます：https://github.com/facebook/jest/tree/master/examples/react-native。

Answer 2

これはしばらく前のことですが、React Nativeの単体テストでは素晴らしい文書ではありませんが、ここではコンポーネントのメソッドに関するテストを扱います。おそらくこれはほとんどの場合です。ここで

は冗談で、典型的な例です：

it('handles onInputTextChanged',() => { 
    const wrapper = shallow(<TuraltChat isAnimated={false} />); 
    wrapper.instance().onInputTextChanged("The message has changed"); 
    expect(wrapper.state("text")).toBe("The message has changed"); 
}); 

instance()方法は、基礎となるコンポーネントを公開し、あなたはその後、通常の方法で、その上のメソッドを呼び出すことができます。

すべてのDOM依存関係に迷惑をかけていますが、コンポーネントレベルのテストにも役立つ酵素も使用しています。これは、すべてのネストされたコンポーネントについて心配する必要がないためです。年の返信用

import { shallow } from 'enzyme'; 
import toJson from 'enzyme-to-json'; 

... 

it('renders initially',() => { 
    const wrapper = shallow(<Composer />); 
    const json = toJson(wrapper); 
    expect(json).toMatchSnapshot(); 
});