jest preview
v0.3.1: Support Less CSS
Debuggen Sie Ihre Scherztests. Mühelos. ?
Versuchen Sie die Scherzvorschau online. Keine Downloads benötigt!
Verwenden von Vitest? Versuchen Sie die Vitest -Vorschau
Beim Schreiben von Tests mit Scherz debuggen wir normalerweise, indem wir den HTML -Code lesen. Manchmal ist die HTML zu kompliziert, um die Benutzeroberfläche in unserem Kopf zu visualisieren. jest-preview stellt eine Vorschau Ihrer Scherz-Tests direkt in einem Browser vor. Dann können Sie Ihre tatsächliche Benutzeroberfläche visuell sehen, die Ihnen beim Schreiben und Debugug-Tests schneller schreiben und debuggen.
jest-preview ist zunächst so konzipiert, dass sie mit Scherz- und Reakt-Test-Bibliotheks-Bibliothek gearbeitet hat. Das Paket ist Framework-Agnostic und Sie können es mit allen Frontend-Frameworks und Testbibliotheken verwenden. Beispiele:
preview. debug () `.jest-preview in 2 Codezeilen in 2 Zeilen + import preview from 'jest-preview';
describe('App', () => {
it('should work as expected', () => {
render(<App />);
+ preview.debug();
});
});Oder:
+ import { debug } from 'jest-preview';
describe('App', () => {
it('should work as expected', () => {
render(<App />);
+ debug();
});
}); Sie müssen außerdem den Scherzvorschau-Server starten, indem Sie die CLI jest-preview ausführen. Bitte lesen Sie die Nutzung weiter, um die Anweisungen für Details zu erhalten.
Ihr Feedback ist für uns sehr wichtig. Bitte helfen Sie jest-preview zu einer besseren Software zu machen, indem Sie hier Feedback einreichen.
Siehe den Installationshandbuch auf der offiziellen Vorschau -Vorschau -Website.
Siehe den Verwendungshandbuch auf der offiziellen Vorschau -Vorschau -Website.
Die Scherzvorschau wird mit einer vorkonfigurierten Transformation geliefert. In fortgeschritteneren Anwendungsfällen, in denen Sie eine benutzerdefinierte Code -Transformation haben, lesen Sie den Codelformungshandbuch.
css-in-js Bibliotheken.Bitte stellen Sie ein Problem ein oder fügen Sie eine neue Diskussion hinzu, wenn Sie auf Probleme stoßen.
Sie können auch @jestpreview oder @hung_dev auf Twitter erwähnen, wenn Sie weitere Diskussionen oder Vorschläge führen möchten.
Wir haben auch einen Discord -Server:
Wir können es kaum erwarten, Ihre Beiträge zu sehen. Siehe den Beitragsleitfaden bei beitragen.md
Vielen Dank an diese wunderbaren Menschen (Emoji -Schlüssel):
Hung Viet nguyen | Truong Nguyen | Viet Huu Doan ? | Harveynguyen | Matt Murphy | Dreitanit Huangsri | Thanh Sohn Nguyen |
Minh Nguyen | Kyle (tình vũ) ? | Makoto Tateno | Abhishek Rawat | Huynh Duc Duy | Nuno Casteleira ? | Sundaycrafts |
Lunduocai ? | Huyenuet | Bennett Dams | Steven Rosato ? | Nhducit ? | Benoit Graset ? | Sergii Kirianov ? |
Kim, Harim | Lars Gyrup Brink Nielsen | Mike Shi | Veniamin Krol | Ikko Ashimine | Pavel schließen ? | David Z Hao ? |
Rohitbels | Rivaldi Putra | Langes Zhao | Justin Sun ? |
Dieses Projekt folgt der All-Contributors-Spezifikation. Beiträge jeglicher Art sind willkommen!
MIT
Ihre finanzielle Unterstützung hilft dem Projekt zum Leben und in einem Entwicklungsmodus. Machen Sie einen Einfluss, indem Sie US $ 1 über Open Collective gesponsert.
