2015-09-27 9 views
19

Reactについては、私はReactコンポーネントのユニットテストのためにShallow Renderingテクニックを使用します。 React Nativeで同様のことをすることはできますか?React NativeでShallow Renderingでコンポーネントをテストするにはどうしたらいいですか?

私はfollowed the instructions to set up Jestですが、自分のコンポーネントのテストに関するドキュメントは見つかりません。私はReactと同じ方法でReact Nativeを使って完全なTDDをしたいと思っています。

+2

良い質問です。公式の文書は、最小限のことを言うには非常に簡単です.. –

+1

https://medium.com/jcfrancisco/unit-testing-react-native-components-a-firsthand-guide-cea561df242b#.qeg60edil –

+0

まで私は '私が気づいた反応ネイティブは、iOSやAndroid環境についてあまりにも多くの仮定をしているわけではありません。あなたはJestを使って、それがWebアプリケーションのようにふりをすることはできませんか?すべての依存関係が嘲笑されるわけではありませんか? – Parris

答えて

9

私はあなたが探しているのはenzymeだと思います。

shallow機能を使用すると、(あなたが望むように)浅い比較を行うことができます。

酵素は、一般的なテストランナー(モカ、ユースト、カルマなど)と一緒に使用することができます。全リストはon the library's github pageです。

例:あなたは、酵素のShallow Rendering APIdocs全般に見てみることができ、さらに読書のために

import {shallow} from 'enzyme'; 

describe('<MyComponent />',() => { 
    it('should render three <Foo /> components',() => { 
    const wrapper = shallow(<MyComponent />); 
    expect(wrapper.find(Foo)).to.have.length(3); 
    }); 
}); 

関連する問題