Как проверить компонент HOC, который предоставляет переменные контекста - PullRequest
0 голосов
/ 25 сентября 2018

Я создал HOC для моего компонента формы , он предоставляет несколько функций в виде context переменных.Вот код:

// React 15


import React, { Component } from "react";
import PropTypes from "prop-types";

export default class FormContainer extends Component {
  constructor(props) {
    super(props);

    this.state = {
      shouldValidateForm: false
    };
  }

  getChildContext() {
    return {
      setFieldValue: (event, field) => {
        const fieldName = field.id;

        this.setState(prevState => ({
          [fieldName]: {
            ...prevState[fieldName],
            value: event.currentTarget.value
          }
        }));
      },

      addField: data => {
        this.setState({
          [data.id]: data
        });
      },
      formData: this.state
    };
  }

  /**
   * React Lifecycle Method: Renders the data
   *
   * @return {DOM} Main container DOM.
   */
  render() {
    return <form action="">{this.props.children}</form>;
  }

  static childContextTypes = {
    addField: PropTypes.func,
    setFieldValue: PropTypes.func,
    formData: PropTypes.object
  };
}

Я хочу провести модульное тестирование addField, setFieldValue в модульных тестах.Я попробовал несколько вещей, но я не мог понять это.Может кто-нибудь, пожалуйста, укажите мне в правильном направлении о том, как проверить это ..

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...