jest preview
v0.3.1: Support Less CSS
JESTテストをデバッグします。楽に。 ??
Jestプレビューをオンラインで試してみてください。ダウンロードは必要ありません！
Vitestを使用していますか？ Vitestプレビューを試してください
JESTを使用してテストを作成するときは、通常、HTMLコードを読んでデバッグします。時々、HTMLは複雑すぎて頭のUIを視覚化できません。 jest-previewは、ブラウザでJestテストをプレビューし、実際のUIを視覚的に見ることができます。これにより、Jestテストの書き込みとデバッグが速くなります。
jest-previewは、当初、JestとReact-Testing-Libraryを使用するように設計されています。パッケージはフレームワークに依存しているため、フロントエンドフレームワークとテストライブラリで使用できます。例として：
preview. debug（） `。jest-previewを使用する方法 + 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();
});
});また、CLI jest-previewを実行してJest Previewサーバーを起動する必要があります。詳細については、引き続き使用をお読みください。
あなたのフィードバックは私たちにとって非常に重要です。 jest-previewここでフィードバックを送信することにより、より良いソフトウェアになるのを手伝ってください。
Jest Preview公式Webサイトのインストールガイドを参照してください。
Jest Preview公式Webサイトの使用ガイドを参照してください。
Jest Previewには、事前に構成された変換が付属しています。ただし、カスタムコード変換があるより高度なユースケースでは、コード変換ガイドをご覧ください。
css-in-jsライブラリをサポートします。問題を提出するか、問題が発生した場合は新しいディスカッションを追加してください。
また、さらに議論や提案をしたい場合は、Twitterで@jestpreviewまたは@hung_devについても言及することもできます。
また、Discordサーバーもあります。
あなたの貢献を見るのが待ちきれません。 Convributing.mdの寄付ガイドを参照してください
これらの素晴らしい人々に感謝します（絵文字キー）：
ハングベトナグエン | Truong Nguyen | Viet Huu Doan ？ | Harveynguyen | マット・マーフィー | トレイタニット・フアングスリ | タン息子nguyen |
Minh Nguyen | カイル（tìnhvũ） ？ | マコト・テイテノ | Abhishek Rawat | Huynh Duc Duy | ヌノ・カステレイラ ？ | サンデークラフト |
Lunduocai ？ | Huyenuet | ベネット・ダム | スティーブン・ロザート ？ | nhducit ？ | Benoit Grasset ？ | Sergii Kirianov ？ |
キム、ハリム | Lars Gyrup Brink Nielsen | マイク・シー | ベニアミン・クロール | Ikko Ashimine | パベルシャット ？ | デビッド・Zハオ ？ |
rohitbels | Rivaldi Putra | 長いZhao | ジャスティンサン ？ |
このプロジェクトは、全委員会の仕様に従います。あらゆる種類の貢献は大歓迎です！
mit
あなたの財政的サポートは、プロジェクトを生き生きとさせ、開発モードで支援します。 Open Collectiveを介してUS $ 1をスポンサーして影響を与えます。
