Merge pull request #97 from SmartPhoneAppsProject/fix/detailScreen

Fix/detail screen

App.js

@@ -12,7 +12,7 @@ import reducer from './src/reducers';
 
 import HomeScreenContainer from './src/containers/HomeScreenContainer';
 import SearchView from './src/components/HomeScreen/SearchView';
-import DetailScreen from './src/components/screens/DetailScreen';
+import DetailScreenContainer from './src/containers/DetailScreenContainer';
 import EntryScreen from './src/components/screens/EntryScreen';
 import ScanScreen from './src/components/screens/ScanScreen';
 import EntryTagsScreen from './src/components/screens/EntryTagsScreen';
@@ -34,7 +34,7 @@ const RootStack = StackNavigator(
       screen: EntryTagsScreen,
     },
     Detail: {
-      screen: DetailScreen,
+      screen: DetailScreenContainer,
     },
     Search: {
       screen: SearchView,

package.json

@@ -26,6 +26,7 @@
     "test": "jest",
     "test:watch": "npm test -- --watch",
     "appr": "appr",
+    "postinstall": "rndebugger-open",
     "debugger": "open 'rndebugger://set-debugger-loc?host=localhost&port=19001'"
   },
   "jest": {

src/__tests__/components/DetailScreen.test.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import DetailScreen from '../../components/DetailScreen';
+import _books from '../../api/books.json';
+
+describe('<DetailScreen />', () => {
+  it('正しくレンダリングされていること', () => {
+    const navigation = {
+      state: {
+        params: {
+          item: _books[0],
+        },
+      },
+    };
+    const wrapper = shallow(<DetailScreen
+      book={_books[0]}
+      navigation={navigation}
+    />);
+    expect(wrapper).toMatchSnapshot();
+  });
+});