#инструмент дня

Писать тесты утомительно. Писать тесты компонентов — утомительно вдвойне. Писать тесты по доступности — втройне.

А проверять тесты и дописывать их — вчетверо.

Почему не вчетверне, кто знает?

На самом деле я, конечно, утрирую. Писать тесты, основываясь на доступных ролях элементов и их значениях — это весьма полезная практика для всех. Вот, обсуждали: https://t.me/htmlshit/3717

Но что делать, если надо посмотреть, а что происходит-то? Иногда изолированно запустить компонент довольно сложно, добираться до компонента внутри приложения — тоже.

Один из правильных ответов на самом деле — использовать Storybook, но об этом я в следующий раз. И одно другого всё равно не отменяет.

А сегодня у нас прекрасная тулза: Jest Preview.

Нетрудно догадаться, что она делает: визуализирует ваши тесты! Смотрим видео на иллюстрации.

Теперь не нужно постоянно сверяться с кодом и прокручивать дерево DOM в голове. Пара строчек — и вот вы уже в браузере наблюдаете, что происходит на самом деле.

Прекрасно? Не то слово!

#test #jest #preview #storybook