Снимок теста не пройден дляреагировать родные и шутки - PullRequest
Новая
       13

Снимок теста не пройден дляреагировать родные и шутки

0 голосов
/ 11 октября 2018

Я использую jest для создания снимков реактивно-родных компонентов.Я использую babel 7. Я могу создавать моментальные снимки, но моментальный снимок не создается для компонента TouchableOpacity

Я уже пробовал обновить рендеринг response-test до последней версии, но это не помогает.

Файл теста снимка - Button.test.js 

import React from 'react';
import renderer from 'react-test-renderer';

import Button from '../src/components/Button';

test('renders correctly', () => {
  const tree = renderer.create(<Button />).toJSON();
  expect(tree).toMatchSnapshot();
});

Button.js 

const Button = (props: Props) => {
  const { text, disabled, style, onPress } = props
  return (
    <TouchableOpacity
      style={[styles.button, style]}
      disabled={disabled}
      activeOpacity={disabled ? 1 : 0.5}
      onPress={!disabled && onPress}
    >
      <Text style={styles.buttonText}>{text}</Text>
    </TouchableOpacity>
  )
}

вот сообщение об ошибке для jest 

console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6884

  The above error occurred in the <AnimatedComponent> component:
      in AnimatedComponent (created by TouchableOpacity)
      in TouchableOpacity (created by Button)
      in Button

 TypeError: Cannot read property 'bind' of undefined

  at new bind (node_modules/react-native/Libraries/Animated/src/createAnimatedComponent.js:39:53)

Вот мой пакет. Json 

{
  "name": "",
  "version": "0.0.1",
  "scripts": {
    "test:unit": "jest",
    "test": "jest",
  },
  "jest": {
    "preset": "react-native",
    "testMatch": [
      "**/?(*.)test.js?(x)"
    ],
    "snapshotSerializers": [
      "enzyme-to-json/serializer"
    ],
    "setupFiles": [
      "<rootDir>/jest/setup.js"
    ]
  },

  "dependencies": {
    "@babel/runtime": "^7.1.2",
    "react": "16.5.0",
    "react-native": "0.57.2",
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-class-properties": "^7.1.0",
    "@babel/preset-env": "^7.1.0",
    "babel-core": "^7.0.0-bridge.0",
    "babel-eslint": "^9.0.0",
    "babel-jest": "^23.6.0",
    "babel-preset-flow": "^7.0.0-beta.3",
    "detox": "^9.0.4",
    "enzyme": "^3.7.0",
    "enzyme-adapter-react-16": "1.6.0",
    "enzyme-to-json": "^3.3.4",
    "eslint": "^5.6.0",
    "flow-bin": "0.78.0",
    "husky": "^0.14.3",
    "jest": "23.6.0",
    "jest-snapshot": "^23.6.0",
    "lint-staged": "^7.3.0",
    "metro-react-native-babel-preset": "0.45.4",
    "mocha": "^5.2.0",
    "react-test-renderer": "16.5.2",
    "regenerator-runtime": "^0.12.1"
  }
}

Вот моя библия.config.js 

module.exports = api => {
  api.cache(true);
  return {
    presets: [
      'module:metro-react-native-babel-preset',
      'flow',
      '@babel/preset-env'
    ],
    plugins: ['@babel/plugin-proposal-class-properties']
  };
};

Вот мой .babelrc 

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

1 Ответ

0 голосов
/ 28 декабря 2018

Обновите список плагинов babel.config.js, добавив в него "@ babel / plugin-transform-flow-strip-types" перед плагином class-properties:

plugins: [ "@babel/plugin-transform-flow-strip-types", "@babel/plugin-proposal-class-properties" ]

Справка: https://github.com/facebook/react-native/issues/20150#issuecomment-417858270

...