jest preview

Pratinjau Jest

Debug tes lelucon Anda. Dengan mudah. ??

Coba Jest Preview Online. Tidak ada unduhan yang diperlukan!

Menggunakan Vitest? Coba Pratinjau Vitest

Mengapa Preview Jest

Saat menulis tes menggunakan Jest, kami biasanya men -debug dengan membaca kode HTML. Terkadang, HTML terlalu rumit untuk memvisualisasikan UI di kepala kita. jest-preview Pratinjau Tes Jest Anda tepat di browser, maka Anda dapat melihat UI Anda yang sebenarnya secara visual, yang membantu Anda menulis dan men-debug tes lelucon lebih cepat.

jest-preview pada awalnya dirancang untuk bekerja dengan Jest dan react-testing-library. Paket ini adalah kerangka kerja-agnostik, dan Anda dapat menggunakannya dengan kerangka kerja frontend dan perpustakaan pengujian. Sebagai contoh:

• Vite bereaksi
• Buat Aplikasi React
• Nextjs
• Langsing
• Angular
• Vue

Fitur

• ? Pratinjau HTML aplikasi Anda yang sebenarnya di browser dalam milidetik.
• Reload Auto Browser Saat mengeksekusi preview. debug () `.
• ? Mendukung CSS:
  • ✅ Impor CSS langsung
  • ✅ Jumlah Perpustakaan CSS-In-JS, seperti:
    • ✅ Komponen gaya
    • ✅ Emosi
  • ✅ CSS global
  • ✅ Modul CSS
  • ✅ Sass
• ? Dukungan melihat gambar.

Cara menggunakan jest-preview dalam 2 baris kode

 + import preview from 'jest-preview';

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

Atau:

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

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

Anda juga perlu memulai server Pratinjau Jest dengan menjalankan jest-preview . Silakan terus membaca penggunaan untuk instruksi detail.

Masukan

Umpan balik Anda sangat penting bagi kami. Tolong bantu jest-preview menjadi perangkat lunak yang lebih baik dengan mengirimkan umpan balik di sini.

Instalasi

Lihat Panduan Instalasi di situs web resmi Jest Preview.

Penggunaan

Lihat Panduan Penggunaan di situs web resmi Jest Preview.

Konfigurasi Lanjutan

Jest Preview hadir dengan transformasi yang telah dikonfigurasi sebelumnya. Namun, dalam kasus penggunaan yang lebih lanjut di mana Anda memiliki transformasi kode khusus, lihat Panduan Transformasi Kode.

Fitur yang akan datang

• Mendukung lebih banyak perpustakaan css-in-js .
• Beberapa pratinjau.
• Sebut saja.

Mendukung

Harap ajukan masalah, atau tambahkan diskusi baru jika Anda mengalami masalah apa pun.

Anda juga dapat menyebutkan @jestpreview atau @hung_dev di Twitter jika Anda ingin melakukan beberapa diskusi atau saran lagi.

Kami juga memiliki server perselisihan:

Berkontribusi

Kami tidak sabar untuk melihat kontribusi Anda. Lihat Panduan Kontribusi di Contributing.md

Kontributor

Terima kasih kepada orang -orang yang luar biasa ini (Kunci Emoji):

Hung Viet Nguyen	Truong Nguyen	Viet Huu Doan ?	Harveynguyen ️	Matt Murphy	Triitanit Huangsri	Thanh Son Nguyen
Minh Nguyen	Kyle (tình vũ) ?	Makoto Tateno	Abhishek Rawat	Huynh Duc Duy	Nuno Casteleira ?	Sundaycrafts
Lunduocai ?	Huyenuet ️	Bendungan Bennett	Steven Rosato ?	nhducit ?	Benoit Grasset ?	Sergii Kirianov ?
Kim, Harim	Lars Gyrup Brink Nielsen	Mike Shi	Veniamin Krol	Ikko Ashimine	Pavel shut ?	David Z Hao ?
Rohitbels	Rivaldi Putra	Long Zhao	Justin Sun ?

Proyek ini mengikuti spesifikasi semua-kontributor. Kontribusi apa pun dipersilakan!

Sejarah Bintang

Lisensi

Mit

Sponsor

Dukungan keuangan Anda membantu proyek hidup dan dalam mode pengembangan. Buat dampak dengan mensponsori US $ 1 melalui Open Collective.

• Sponsor perunggu?:
  • Logo/ profil perusahaan Anda di Readme.md dan www.jest-preview.com
• Sponsor perak?:
  • Semua ini di atas
  • Permintaan Anda akan diprioritaskan.
• Sponsor Emas?:
  • Semua ini di atas
  • Mari kita bahas manfaat Anda untuk tingkat ini, silakan hubungi penulisnya
• Sponsor Berlian?:
  • Semua ini di atas
  • Mari kita bahas manfaat Anda untuk tingkat ini, silakan hubungi penulisnya

Sponsor perunggu?

Sponsor masa lalu