Задать вопрос
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
  • Вопрос задан
  • 328 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Merion Academy
    Frontend-разработка на React
    4 месяца
    Далее
  • ProductStar
    React: отточите навыки интерфейсной разработки
    6 недель
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽