Что использовали для работы с многомерными формами — для валидации, какие проблемы встречали, как тестировали?

Для работы с многомерными формами часто используют библиотеки валидации, например, Yup, Joi или собственные решения на основе React Hook Form или Formik. Основная сложность — корректно валидировать вложенные структуры и динамически изменяющиеся поля.

Проблемы, с которыми сталкивался:

• Валидация вложенных массивов и объектов, особенно при динамическом добавлении/удалении элементов.
• Асинхронная валидация (например, проверка уникальности данных на сервере).
• Управление ошибками и их отображение для каждого поля.

Для тестирования применял unit-тесты с Jest, где проверял корректность схемы валидации на разные варианты данных, а также e2e-тесты (Cypress) для проверки поведения формы в браузере.

Пример с Yup для вложенной структуры:

const schema = yup.object().shape({
  users: yup.array().of(
    yup.object().shape({
      name: yup.string().required(),
      contacts: yup.array().of(
        yup.object().shape({
          type: yup.string().required(),
          value: yup.string().required(),
        })
      )
    })
  )
});

// Валидация данных
schema.validate(data).catch(err => console.log(err.errors));