anamorph
@anamorph
javascriptLover

Как тестировать React компонент, если используется архитектура Arc.js (atomic design)?

Есть один большой компонет. Это форма. Нужно написать тесты, используя Jest, enzyme[, chai]
Тестировать нужно валидацию, поведение дочерних компонентов при изменении инпутов, нажатий на кнопки и т.д.

Проблема в том, что в оф документации Arc.js.org показаны лишь примеры с неглубокой прорисовской компонентов (shallow), а мне, для того чтобы написать подобные тесты нужна именно глубокая прорисовка (mount)
Однако, из-за того, что Arc использует не типичные импорты а с помощью алгоритма собирает все компоненты(экшены, редюсеры и ост) в один файл и экспортит уже из него, то тут создается проблема, тест не может правильно отрисовать компонент, до тех пор пока импорты не заменить на относительные (видимо воспринимает их как модуль)

import TaxesForm from 'components'   // импорт как в арке
import TaxesForm from './TaxesForm'  //вот так приходится менять


возможно есть какое-то более красивое решение данной проблемы или пути ее разрешения?
или может если есть рабочие примеры тестирования больших компонентов c Arc.js
  • Вопрос задан
  • 326 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы