Я создал 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
в модульных тестах.Я попробовал несколько вещей, но я не мог понять это.Может кто-нибудь, пожалуйста, укажите мне в правильном направлении о том, как проверить это ..