⬆️ Upgrade to Babel 7 and get tests working again

Author: cooperka

.babelrc

@@ -1,5 +1,8 @@
 {
   "presets": [
-    "react-native"
+    "module:metro-react-native-babel-preset"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
   ]
 }

package.json

@@ -18,6 +18,9 @@
   },
   "jest": {
     "preset": "react-native",
+    "transform": {
+      "node_modules/react-native/.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
+    },
     "setupFiles": [
       "./scripts/setup-jest.js"
     ],
@@ -56,10 +59,11 @@
     "prop-types": "^15.5.10"
   },
   "devDependencies": {
-    "babel-cli": "6.26.0",
+    "@babel/cli": "7.6.4",
+    "@babel/core": "7.6.4",
+    "@babel/plugin-proposal-class-properties": "7.5.5",
     "babel-eslint": "10.0.3",
     "babel-jest": "24.9.0",
-    "babel-preset-react-native": "4.0.1",
     "eslint": "6.5.1",
     "eslint-config-airbnb": "18.0.1",
     "eslint-config-cooperka": "1.0.2",
@@ -69,8 +73,9 @@
     "eslint-plugin-react-native": "3.7.0",
     "jest": "24.9.0",
     "lodash": "4.17.15",
+    "metro-react-native-babel-preset": "0.56.0",
     "react": "16.8.3",
     "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
-    "react-test-renderer": "16.10.2"
+    "react-test-renderer": "16.8.3"
   }
 }

src/ImmutableListView/__tests__/__snapshots__/EmptyListView.test.js.snap

@@ -12,10 +12,6 @@ exports[`EmptyListView renders with custom renderRow 1`] = `
   initialListSize={10}
   onContentSizeChange={[Function]}
   onEndReachedThreshold={1000}
-  onKeyboardDidHide={undefined}
-  onKeyboardDidShow={undefined}
-  onKeyboardWillHide={undefined}
-  onKeyboardWillShow={undefined}
   onLayout={[Function]}
   onScroll={[Function]}
   pageSize={1}
@@ -27,11 +23,7 @@ exports[`EmptyListView renders with custom renderRow 1`] = `
   stickySectionHeadersEnabled={true}
 >
   <View>
-    <Text
-      accessible={true}
-      allowFontScaling={true}
-      ellipsizeMode="tail"
-    >
+    <Text>
       "Overridden!"
     </Text>
   </View>
@@ -50,10 +42,6 @@ exports[`EmptyListView renders with custom text 1`] = `
   initialListSize={10}
   onContentSizeChange={[Function]}
   onEndReachedThreshold={1000}
-  onKeyboardDidHide={undefined}
-  onKeyboardDidShow={undefined}
-  onKeyboardWillHide={undefined}
-  onKeyboardWillShow={undefined}
   onLayout={[Function]}
   onScroll={[Function]}
   pageSize={1}
@@ -66,9 +54,6 @@ exports[`EmptyListView renders with custom text 1`] = `
 >
   <View>
     <Text
-      accessible={true}
-      allowFontScaling={true}
-      ellipsizeMode="tail"
       style={
         Object {
           "padding": 8,
@@ -94,10 +79,6 @@ exports[`EmptyListView renders with default text 1`] = `
   initialListSize={10}
   onContentSizeChange={[Function]}
   onEndReachedThreshold={1000}
-  onKeyboardDidHide={undefined}
-  onKeyboardDidShow={undefined}
-  onKeyboardWillHide={undefined}
-  onKeyboardWillShow={undefined}
   onLayout={[Function]}
   onScroll={[Function]}
   pageSize={1}
@@ -110,9 +91,6 @@ exports[`EmptyListView renders with default text 1`] = `
 >
   <View>
     <Text
-      accessible={true}
-      allowFontScaling={true}
-      ellipsizeMode="tail"
       style={
         Object {
           "padding": 8,