###前提・実現したいこと ReactNativeでアプリを開発しています。アーキテクチャはreduxを採用しています。現在、Snapshotテストを作成しようとしているのですが、Componentのpropsをダミーデータに置き換えるテストの方法がよくわかりません。 ###テストコードテストコードは以下のようにしています。 ```js import 'react-native'; import React from 'react'; import Home from '../src/components/Home.js'; import { Provider } from 'react-redux'; import renderer from 'react-test-renderer'; import appReducer from '../src/reducers/AppReducer'; import configureStore from '../src/ConfigureStore'; let store = configureStore(appReducer); let dummyProjects = [{updatedAt: '2017-06-07T01:23:40.000Z', title: 'test1'}]; it('renders correctly', () => { const tree = renderer.create( ).toJSON(); expect(tree).toMatchSnapshot(); }); ``` * 本来はAPIにより取得するデータ `projects` を、テストにおいてダミーデータ(`dummyProjects`)にしようとしています。 ###テスト対象のソースコードテスト対象のソースコードは Home.js で、この実装は以下のようになっています。 ```js import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, FlatList, View, } from 'react-native'; import { connect } from 'react-redux'; import { bindActionCreators } from 'redux'; import * as actions from '../Actions'; import 'fetch-everywhere'; class Home extends Component { constructor(props) { super(props); this.state = { projects: [], }; } componentWillMount = (props) => { const { dispatch } = this.props; this.props.actions.getAllProjects(); } render() { const props = this.props; console.log(props); return ( {item.title} } /> ); } }; const styles = StyleSheet.create({ // ※ 省略 }); const mapStateToProps = (state) => { return { projects: state.getAllProjects.projects, } } const mapDispatchToProps = (dispatch) => { return { actions: bindActionCreators(actions, dispatch) } } export default connect(mapStateToProps, mapDispatchToProps)(Home) ``` * `projects`の内容を表示するComponentです。`projects`を取得する処理は`actions.getAllProjects()`に記述しています。（ここでは詳細割愛します） * `state`の変更を反映する`mapStateToProps`メソッドを定義し、これらのメソッドをconnectしたものをexportしています。 ###結果期待するダミーデータ（先述の`dummyProjects`）では置き換えられませんでした。 Home.js でrender直前に`props`の内容を出力した結果は以下のように空になります。 ``` { projects: [], actions: { getAllProjects: [Function]} } ``` Snapshotを作成しても、以下のようにデータが空の状態になってしまいます。 ```