jest preview

Шутка предварительного просмотра

Отлаживайте свои шутки. Без усилий. ??

Попробуйте Jest Preview Online. Загрузки не требуются!

Используя визит? Попробуйте предварительный просмотр Vitest

Почему шутка

При написании тестов с использованием шутки мы обычно отлаживаем, читая код HTML. Иногда HTML слишком сложный, чтобы визуализировать пользовательский интерфейс в нашей голове. jest-preview Предварительно просмотрите ваши Jest-тесты прямо в браузере, затем вы можете увидеть свой настоящий пользовательский интерфейс, который помогает вам быстрее писать и отлаживать тесты на шутку.

jest-preview изначально предназначен для работы с Jest и React-Testing Library. Пакет является фреймворком-агентом, и вы можете использовать его с любыми фронтальными каркасами и библиотеками тестирования. Для примеров:

• Vite React
• Создать приложение React
• NextJs
• Стройный
• Угловой
• Vue

Функции

• ? Предварительно просмотрите HTML вашего приложения в браузере в миллисекундах.
• Автозагрузка браузера при выполнении preview. Debug () `.
• ? Поддержите CSS:
  • ✅ Прямой импорт CSS
  • ✅ Количество библиотек CSS-In-JS, таких как:
    • ✅ Стилизированные компоненты
    • ✅ Эмоции
  • ✅ Global CSS
  • ✅ CSS -модули
  • ✅ Sass
• ? Поддержка просмотра изображений.

Как использовать jest-preview в 2 строках кода

 + import preview from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    preview.debug();
  });
});

Или:

 + import { debug } from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    debug();
  });
});

Вам также необходимо запустить сервер предварительного просмотра Jest, запустив CLI jest-preview . Пожалуйста, продолжайте читать использование для инструкций с подробностями.

Обратная связь

Ваш отзыв очень важен для нас. Пожалуйста, помогите jest-preview стать лучшим программным обеспечением, отправив обратную связь здесь.

Установка

См. Руководство по установке на официальном сайте Jest Preview.

Использование

См. Руководство по использованию на официальном сайте Jest Preview.

Расширенные конфигурации

Предварительный просмотр Jest поставляется с предварительно сконфигурированной трансформацией. Однако в более расширенных случаях использования, когда у вас есть пользовательское преобразование кода, ознакомьтесь с руководством по преобразованию кода.

Предстоящие функции

• Поддержите больше библиотек css-in-js .
• Несколько предварительных просмотров.
• Вы называете это.

Поддерживать

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

Вы также можете упомянуть @jestpreview или @hung_dev в Твиттере, если вы хотите провести еще несколько обсуждений или предложений.

У нас также есть сервер дискордов:

Внося

Мы не можем дождаться, чтобы увидеть ваш вклад. См. Руководство по взносу в Anplying.md

Участники

Спасибо этим замечательным людям (ключ эмодзи):

Хул Вьет Нгуен	Труонг Нгуен	Вьет Ху Доан ?	Харвейнгуен ️	Мэтт Мерфи	Трайтанит Хуангсри	Тхан Сон Нгуен
Мин Нгуен	Кайл (tình vũ) ?	Макос Татено	Абхишек Рават	Huynh Duc Duy	Нуно Кастелера ?	Sundaycrafts
Lunduocai ?	Huyenuet ️	Беннетт Дамс	Стивен Розато ?	NHDUCIT ?	Бенуат Грассет ?	Серги Кирианов ?
Ким, Харим	Lars Gyrup Brink Nielsen	Майк Ши	Вениамин Крол	Икко Ашимин	Павел закрыт ?	Дэвид Зо ?
Рохитбелс	Rivivaldi Путра	Лонг Чжао	Джастин Сан ?

Этот проект следует за спецификацией всех контролей. Взносы любого рода приветствуются!

Звездная история

Лицензия

Грань

Спонсоры

Ваша финансовая поддержка помогает проекту живым и в режиме разработки. Сделайте влияние, спонсируя 1 доллар США через открытый коллектив.

• Бронзовый спонсор?:
  • Изображение логотипа/ профиля вашей компании на readme.md и www.jest-preview.com
• Серебряный спонсор?:
  • Все это выше
  • Ваши запросы будут приоритетными.
• Спонсор золота?:
  • Все это выше
  • Давайте обсудим ваши преимущества для этого уровня, пожалуйста, свяжитесь с автором
• Спонсор алмаза?:
  • Все это выше
  • Давайте обсудим ваши преимущества для этого уровня, пожалуйста, свяжитесь с автором

Бронзовые спонсоры?

Прошлые спонсоры