Jest с React Native 57 не работает с синтаксисом ES7

Question

Я обновил package.json с помощью

"^. ((?! Saga).) * \. Js $": "/node_modules/react-native/jest/preprocessor.js",

Однако все компоненты, написанные с использованием синтаксиса ES7, перестают работать, например

export default class Test extends Component {
  state = { test: '' }

  testFunc = () => {}
}

Answer 1

(1) Я использую .babelrc.js вместо .babelrc и добавляю следующий фрагмент:

let presets = ["module:metro-react-native-babel-preset"];
let plugins = [];

if (process.env['ENV'] === 'test') {
   presets = ["babel-preset-react-native"];
   plugins = ["jest-hoist"];
}

module.exports = { presets, plugins };

(2) добавляю "babel-preset-реакции-native": "^ 5", вyour devDependencies (3) Обновите тестовый скрипт в package.json до

"ENV='test' node_modules/.bin/jest"

Причина, по которой это делается, заключается в использовании разных предустановок babel в разных ENV

Answer 2

Решено обновлением моего .babelrc

{
    "presets": ["module:metro-react-native-babel-preset"],
    "env": {
        "test": {
            "presets": ["react-native"]
        }
   }
}