Ошибка Jest при тестировании React Native с помощью Jest

У меня возникла проблема с Jest при тестировании компонента приложения React Native. Несколько других компонентов уже проходят тест в соответствии с ожиданиями с той же конфигурацией шутки, но этот выдает странную ошибку, поэтому вам нужна помощь.

Компонент входа

import React, { Component, Fragment } from "react";
import { func } from "prop-types";
import { View, Text } from "react-native";
import { TextInput, Button } from "react-native-paper";

import { STYLE_CONSTANTS } from "../../config/styles";
import styles from "./styles";
import { loginScreenText } from "./helpers";

class SignIn extends Component {
  state = {
    isLoading: false
  };

  render() {
    const { isLoading } = this.state;
    const { showAppAction } = this.props;
    return (
      <Fragment>
        <View style = {styles.signInContainer}>
          <Text style = {styles.oAuthHeading}>
            {loginScreenText.oAuthHeading}
          </Text>
          <View style = {styles.spacer} />
          <Button
            icon = {require("../../assets/images/facebook.png")}
            mode = "contained"
            loading = {isLoading}
            color = {STYLE_CONSTANTS.COLORS.FACEBOOK}
            style = {styles.facebookButton}
            onPress = {() => showAppAction()}
          >
            {loginScreenText.facebookButton}
          </Button>
          <View style = {styles.spacer} />
          <Button
            icon = {require("../../assets/images/google.png")}
            mode = "contained"
            loading = {isLoading}
            color = {STYLE_CONSTANTS.COLORS.GOOGLE}
            style = {styles.googleButton}
            onPress = {() => showAppAction()}
          >
            {loginScreenText.googleButton}
          </Button>
        </View>
      </Fragment>
    );
  }
}

SignIn.propTypes = {
  showAppAction: func
};

export default SignIn;

Тестовый файл входа

import "react-native";
import React from "react";
import ShallowRenderer from "react-test-renderer/shallow";

import SignIn from "../containers/SignIn";

test('renders SignIn component correctly', () => {
  const renderer = new ShallowRenderer();
  renderer.render(<SignIn showAppAction = {jest.fn()} />);
  const wrapper = renderer.getRenderOutput();
  expect(wrapper).toMatchSnapshot();
});

Конфигурация Jest в package.json

"jest": {
  "preset": "react-native",
  "collectCoverage": true,
  "coverageDirectory": "__coverage__",
  "transform": {
    "^.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
  },
  "transformIgnorePatterns": [
    "node_modules/(?!react-native|native-base|react-navigation|react-native-fabric|react-native-paper)"
  ]
},

Наконец скрин ошибки

Ошибка Jest при тестировании React Native с помощью Jest

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
612
1

Ответы 1

Мне удалось решить эту проблему, следя за обсуждением здесь

Другие вопросы по теме