Да, есть несколько инструментов, аналогичных loki и storybook. Некоторые из них включают в себя: 1. Chromatic: Это инструмент для разработки и визуального тестирования компонентов пользовательского интерфейса. Он позволяет создавать, просматривать и сравнивать различные варианты внешнего вида компонентов. 2. Styleguidist: Это инструмент для разработки интерфейсов на основе React. Он позволяет создавать и поддерживать стайлгайды и компоненты, а также предоставляет возможность интерактивного просмотра и использования компонентов. 3. Bit: Это инструмент, который позволяет разрабатывать, собирать и повторно использовать компоненты в различных проектах. Bit также предоставляет возможность просмотра и сравнения компонентов в интерактивном режиме. 4. Catalog: Это инструмент для создания реактивного стайлгайда для веб-приложений. Он позволяет разработчикам создавать и обновлять стайлгайды компонентов, а также просматривать и проверять документацию и примеры использования. Это лишь несколько примеров инструментов, аналогичных loki и storybook. Независимо от выбранного вами инструмента, цель их использования остается прежней - облегчить и упростить разработку и тестирование пользовательского интерфейса.
Для визуальных тестов, Storybook предлагает следующие советы: 1. Пользуйтесь инструментом Storyshots для сравнения снимков с исходными вашими компонентами. 2. Используйте адаптивные снимки, чтобы убедиться, что ваши компоненты выглядят правильно на разных устройствах и разрешениях экрана. 3. Настроить свою среду с использованием Storybook Addon Storyshots и Jest для создания и автоматического сравнения снимков. 4. Дополнительные опции, такие как позволять или запрещать динамические данные, могут быть настроены для вашего тестового окружения. 5. Storybook React Test Toolbox предлагает набор инструментов для облегчения тестирования ваших компонентов Storybook. Вы также можете использовать Playwright для работы с Storybook: 1. Установите пакет playwright вместе с реактивной средой тестирования. 2. Используйте возможности Playwright для создания скриншотов и сравнения различных состояний вашего Storybook. 3. Интегрируйте Playwright в вашу инфраструктуру с помощью Jest или других инструментов тестирования для автоматизации вашего процесса тестирования. Более подробную информацию о визуальном тестировании с использованием Storybook и Playwright вы можете найти в документации, по следующей ссылке: [ссылка на документацию]