В нашем проекте мы используем redux-форму, и мы хотим заменить их другими формами. Сначала мы хотим написать модульные тесты, чтобы убедиться, что новые формы работают правильно.
У нас есть такой компонент многократного использования
<Dialog>
<DialogContent>
{children}
</DialogContent>
<DialogActions>
<Button onClick={handleClose}>
{'Close'}
</Button>
<Button onClick={handleSave} >
{'Save'}
</Button>
</DialogActions>
</Dialog>
Этот диалог используется в компоненте более высокого порядка, который возвращает обернутый компонент вместе с этим диалогом. Компонент высшего порядка определяет функции handleClose и handleSave и передает их как реквизиты. В дочерних элементах DialogContent мы отображаем избыточную форму, которая отличается для каждого упакованного компонента.
Мне нужно выяснить, что мне включать в юнит-тесты? Должен ли я просто проверить handleClose и handleSave? Каждая форма будет иметь разные поля. Нужно ли писать тест для отдельных полей? Если да, будут ли они применяться к любому типу формы, которая может заменить избыточную форму?