Should this work with react native?

I’m using jest and react native. I can test it by manually compiling the typescript into js and running jest on that. Trying to use this project I get

/node_modules/react-native/jest/setup.js:40
      )
      ^
    SyntaxError: Unexpected token )
      
      at transformAndBuildScript (node_modules/jest-runtime/build/transform.js:320:12)
      at handle (node_modules/worker-farm/lib/child/index.js:41:8)
      at process.<anonymous> (node_modules/worker-farm/lib/child/index.js:47:3)
      at emitTwo (events.js:106:13)

My relevant package.json

  "jest": {
    "preset": "react-native",
    "setupFiles": [
      "./jest/setup.js"
    ],
    "transform": {
      ".(ts|tsx)": "./node_modules/ts-jest/preprocessor.js"
    },
    "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx)$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js"
    ]
  }

I’ve read through the limitations but those don’t seem to apply to me, not targeting ES6 ect. Using node v6.9.2

[felipemsantana]

I managed to make it work, install these modules:

yarn add -D babel-jest babel-preset-react-native

Create a .babelrc file with this content:

{
  "presets": ["react-native"]
}

And finally in package.json, use this transform:

"transform": {
  "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
  ".(ts|tsx)": "<rootDir>/node_modules/ts-jest/preprocessor.js"
}

[bufke]

Cool that works thank you @fmatoss

So I guess the answer to can ts-jest work with react-native is yes but with some changes. As far as I can tell that includes

• Import like this import { create } from "react-test-renderer"; not like import renderer from "react-test-renderer";
• yarn add -D babel-jest babel-preset-react-native
• Ensure .bablerc contains "presets": ["react-native"]
• Ensure package.json contains

"transform": {
  "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
  ".(ts|tsx)": "<rootDir>/node_modules/ts-jest/preprocessor.js"
}