Добавить валидацию и отправлять форму, только когда поля заполнены

import React from 'react';
 
export default class Order extends React.Component {
  constructor() {
    super();
 
    this.state = {
      title: '',
      price: '',
      type: ''
    };
  }
 
  formClear() {
    this.setState({
      title: '',
      price: '',
      type: ''
    });
  }
 
  handleSubmit = event => {
    event.preventDefault();
 
    this.props.handleSubmit(this.state);
 
    this.formClear();
  };
 
  handleInputChange = event => {
    this.setState({
      [event.target.name]: event.target.value
    });
  };
 
  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <input
          type="text"
          name="title"
          value={this.state.title}
          onChange={this.handleInputChange}
          placeholder="Название"
        />
        <input
          type="text"
          name="price"
          value={this.state.price}
          onChange={this.handleInputChange}
          placeholder="Цена"
        />
        <input
          type="text"
          name="type"
          value={this.state.type}
          onChange={this.handleInputChange}
          placeholder="Тип"
        />
        <button type="submit">Отправить</button>
      </form>
    );
  }
}

import React from 'react';
import { mount } from 'enzyme';
import Order from './Order';
 
const createEvent = (name, value) => ({ target: { name, value } });
 
describe('Order', () => {
let component;
  let handleSubmit;
 
  beforeEach(() => {
    handleSubmit = jest.fn();
    component = mount(<Order handleSubmit={handleSubmit} />);
  });
describe('Валидация', () => {
    /*
    Мы не хотим отправлять форму, если какое либо из полей пустое.
    Для этого, мы должны добавить валидацию и отпраправлять форму, только когда оба поля заполнены
 
    Нужно добавить валидацию полей в Order.js. Пока будете валидация только на предмет не пустого значения.
    Но, нужна такая реализация, которую можно будет потом расширить к примеру - валидацию дат, валидация типа введенных данных.
     */
    it('Заполняем только поле title и отправляем', () => {
      component.find('[name="title"]').simulate('change', createEvent('title', 'Apple'));
      component.find('form').simulate('submit');
 
      expect(handleSubmit).not.toHaveBeenCalled();
    });
  });
});