Merge pull request #57 from react-native-jp/resolved-detox-error

✨✅ Fix Detox Errors.

Author: januswel

e2e/firstTest.spec.js

@@ -80,9 +80,7 @@ describe('All', () => {
 
     it('サインアウトできる', async () => {
       await elementById(testIDs.MENU_HEADER_LEFT_BUTTON).tap();
-      await expect(elementById(testIDs.MENU_DRAWER_ITEMS)).toBeVisible();
-
-      await elementById(testIDs.DRAWER_ITEM_USER_INFO).tap();
+      await elementByLabel('USER_INFO').tap();
       await expect(elementById(testIDs.USER_INFO_SCREEN)).toBeVisible();
 
       await elementById(testIDs.USER_INFO_SIGN_OUT_BUTTON).tap();

package.json

@@ -69,7 +69,7 @@
     "@typescript-eslint/eslint-plugin": "2.24.0",
     "@typescript-eslint/parser": "2.24.0",
     "babel-jest": "25.1.0",
-    "detox": "15.1.4",
+    "detox": "16.0.1",
     "eslint": "6.8.0",
     "eslint-config-prettier": "6.10.0",
     "eslint-plugin-jest": "23.8.2",

src/constants/testIDs.ts

@@ -18,8 +18,6 @@ export default {
   HOME: 'HOME',
   MENU_HEADER_LEFT_BUTTON: 'MENU_HEADER_LEFT_BUTTON',
   MENU_DRAWER_ITEMS: 'MENU_DRAWER_ITEMS',
-  DRAWER_ITEM_HOME: 'DRAWER_ITEM_HOME',
-  DRAWER_ITEM_USER_INFO: 'DRAWER_ITEM_USER_INFO',
   USER_INFO_SCREEN: 'USER_INFO_SCREEN',
   USER_INFO_SIGN_OUT_BUTTON: 'USER_INFO_SIGN_OUT_BUTTON',
   TODO_OPEN_INPUT_BUTTON: 'TODO_OPEN_INPUT_BUTTON',

src/routes/Drawer/Drawer.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
-import { createDrawerNavigator, DrawerContentComponentProps } from '@react-navigation/drawer'
+import { createDrawerNavigator } from '@react-navigation/drawer'
 import {
   CHOOSE_LOGIN,
   HOME,
@@ -18,7 +18,6 @@ import Statistics from './Statistics'
 import { ChooseLogin, Initial } from '../../components/pages'
 import { Loading, SignIn, SignUp, Input } from '../../containers'
 import { headerStyle, headerTintColor } from '../Header'
-import { Drawer as DrawerComponent } from '../Drawer'
 import * as UiContext from '../../contexts/ui'
 import { createStackNavigator, StackCardInterpolationProps } from '@react-navigation/stack'
 import { COLOR } from '../../constants/theme'
@@ -33,12 +32,7 @@ const drawerContentOptions = {
 }
 function HomeWithDrawer() {
   return (
-    <Drawer.Navigator
-      drawerStyle={drawerStyle}
-      drawerContentOptions={drawerContentOptions}
-      initialRouteName={HOME}
-      drawerContent={(props: DrawerContentComponentProps) => <DrawerComponent {...props} />}
-    >
+    <Drawer.Navigator drawerStyle={drawerStyle} drawerContentOptions={drawerContentOptions} initialRouteName={HOME}>
       <Drawer.Screen name={HOME} component={Home} />
       <Drawer.Screen name={USER_INFO} component={UserInfo} />
     </Drawer.Navigator>
@@ -50,7 +44,6 @@ function StatisticsWithDrawer() {
       drawerStyle={drawerStyle}
       drawerContentOptions={drawerContentOptions}
       initialRouteName={STATISTICS}
-      drawerContent={(props: DrawerContentComponentProps) => <DrawerComponent {...props} />}
     >
       <Drawer.Screen name={STATISTICS} component={Statistics} />
       <Drawer.Screen name={USER_INFO} component={UserInfo} />

src/routes/Drawer/index.tsx

@@ -2774,10 +2774,10 @@ detect-newline@^3.0.0:
   resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
   integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
 
-detox@15.1.4:
-  version "15.1.4"
-  resolved "https://registry.yarnpkg.com/detox/-/detox-15.1.4.tgz#e459a39d4877ea4c582a886210aaac531c347e65"
-  integrity sha512-Clk6ceSkX5MM28eJCKJdRKSe+vesGe4OnRkEqpVshvH+Ce35/nBnyKDH0O4+qvoMJItOIZHi2Hn327b2+L81Gg==
+detox@16.0.1:
+  version "16.0.1"
+  resolved "https://registry.yarnpkg.com/detox/-/detox-16.0.1.tgz#e4aadf5bd0a9b561bcbf81a1573a2d59006b1684"
+  integrity sha512-W5jWU9vtGXA6KTH5Ulkxhw50QEsGqPRvysc+g5nrM+e2ZRh+saWPojlS2GA7YBCbae/SRHY4CNzpK0VrANU/rA==
   dependencies:
     "@babel/core" "^7.4.5"
     bunyan "^1.8.12"