test(plugin-react): convert to jest/TypeScript

Author: djskinner

.eslintrc.js

@@ -64,7 +64,7 @@ module.exports = {
     // Linting for tests
     {
       files: [
-        '**/*.test.ts'
+        '**/*.test.ts?(x)'
       ],
       env: {
         jest: true,

babel.config.js

@@ -13,6 +13,10 @@ module.exports = api => {
       test: './node_modules/react-native/**/*',
       presets: ['module:metro-react-native-babel-preset']
     })
+    overrides.push({
+      test: './packages/plugin-react/**/*',
+      presets: ['@babel/preset-react']
+    })
   }
 
   plugins.push(

jest.config.js

@@ -1,4 +1,4 @@
-const testsForPackage = (packageName) => `<rootDir>/packages/${packageName}/**/*.test.[jt]s`
+const testsForPackage = (packageName) => `<rootDir>/packages/${packageName}/**/*.test.[jt]s?(x)`
 
 module.exports = {
   projects: [
@@ -8,6 +8,12 @@ module.exports = {
         testsForPackage('core')
       ]
     },
+    {
+      displayName: 'browser plugins',
+      testMatch: [
+        testsForPackage('plugin-react')
+      ]
+    },
     {
       displayName: 'react native',
       preset: 'react-native',

package-lock.json

@@ -16,10 +16,12 @@
     "@babel/plugin-transform-shorthand-properties": "^7.8.3",
     "@babel/plugin-transform-spread": "^7.8.3",
     "@babel/plugin-transform-template-literals": "^7.8.3",
+    "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.8.3",
     "@types/jest": "^25.1.2",
     "@types/node": "^13.7.1",
     "@types/react": "^16.9.23",
+    "@types/react-test-renderer": "^16.9.2",
     "@typescript-eslint/eslint-plugin": "^2.19.2",
     "@typescript-eslint/parser": "^2.19.2",
     "babel-jest": "^25.1.0",
@@ -45,7 +47,9 @@
     "ncp": "^2.0.0",
     "node-fetch": "^2.6.0",
     "proxyquire": "^2.1.3",
+    "react": "^16.13.1",
     "react-native": "^0.61.5",
+    "react-test-renderer": "^16.13.1",
     "rimraf": "^3.0.0",
     "timekeeper": "^2.2.0",
     "typescript": "^3.7.5",