title: React Native with Typescript and Jest is broken after 0.57 Update: Couldn't find preset "module:metro-react-native-babel-preset" relative to directory
body: <p>If you integrate test with Jest and Enzyme in the new React Version 0.57 and TypeScript, they won't work. Here are the steps to reproduce:</p>
  
  <p>Create a new React Native project:</p>
  
  <pre><code>react-native init MyApp -package "com.my.app" --template typescript &amp;&amp; node MyApp/setup.js
  </code></pre>
  
  <p>Install all Jest and Enzyne related packages:</p>
  
  <pre><code>npm install --save-dev react-dom enzyme enzyme-react-adapter-16 jest-fetch-mock ts-jest
  </code></pre>
  
  <p>Add the jest configuration:</p>
  
  <pre><code>"jest": {
    "preset": "react-native",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js"
    ],
    "transform": {
      "^.+\\.(js)$": "&lt;rootDir&gt;/node_modules/babel-jest",
      "\\.(ts|tsx)$": "&lt;rootDir&gt;/node_modules/ts-jest/preprocessor.js"
    },
    "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
    "testPathIgnorePatterns": [
      "\\.snap$",
      "&lt;rootDir&gt;/node_modules/"
    ],
    "cacheDirectory": ".jest/cache",
    "setupFiles": [
      "./tests/setup.js"
    ]
  }
  </code></pre>
  
  <p>Add a file <code>tests/setup.js</code> and include the following configuration:</p>
  
  <pre><code>import Enzyme from "enzyme";
  import Adapter from "enzyme-adapter-react-16";
  import { NativeModules } from "react-native";
  
  global.fetch = require("jest-fetch-mock"); // eslint-disable-line no-undef
  jest.mock("react-native-config");
  Enzyme.configure({ adapter: new Adapter() });
  </code></pre>
  
  <p>Last but not least add a basic test (App.test.tsx) to check if Jest and Enzyme work:</p>
  
  <pre><code>import React from "react";
  import { shallow } from "enzyme";
  import { View } from "react-native";
  import App from "./App";
  
  const createTestProps = props =&gt; ({
    ...props
  });
  
  describe("App", () =&gt; {
    describe("rendering", () =&gt; {
      let wrapper;
      let props;
      beforeEach(() =&gt; {
        props = createTestProps({});
        wrapper = shallow(&lt;App {...props} /&gt;);
      });
  
      it("should render a &lt;View /&gt;", () =&gt; {
        expect(wrapper.find(View)).toHaveLength(1);
      });
    });
  });
  </code></pre>
  
  <p>If you now try to run the test, the error message you get is:</p>
  
  <pre><code> FAIL  app/App.test.tsx
    ● Test suite failed to run
  
      Couldn't find preset "module:metro-react-native-babel-preset" relative to directory "&lt;Directory"
  </code></pre>
  
  <h2>Edit</h2>
  
  <p>It seems like this has something to do with Babel.</p>