Cypress Component Test Runner

Komponententests von Komponenten für React

Cypress Component Test Runner

Cypress, das Sie vielleicht von seinem sehr leistungsstarken End-to-End-Test-Framework kennen, hat gerade einen neuen Player für Komponententests angekündigt: Cypress Component Test Runner.

Echter Browser, echte Ergebnisse

Der neue Cypress Component Test Runner, der sich während des Schreibens dieses Artikels im Alpha-Stadium befindet, verwendet keine flachen Renderings, um den Komponententeil Ihres Unit-Tests zu verarbeiten. Das neue Tool verwendet tatsächlich einen echten Browser, der auf Chromium basiert. Dies ist der gleiche Ansatz, den Cypress für sein End-to-End-Test-Framework verwendet. Als Ergebnis sehen Sie neben der Validierung Ihrer Komponententests eine visuelle Ausgabe, was eine großartige und willkommene Abwechslung zum UI-Testen im Allgemeinen und für React-Entwickler im Besonderen darstellt.

Ein Werkzeug, um sie alle zu beherrschen?

Ich persönlich glaube nicht, dass der Cypress Component Test Runner die großartigen bestehenden Testbibliotheken „@testing-library“ sowie „Enzyme“ ersetzen wird. Beide zielen auf unterschiedliche Anwendungsfälle für die Testeinrichtung Ihrer App ab. Das neue Testtool von Cypress wird diese bereits gute Auswahl ergänzen.

Testen des Testtools

Ich habe alle notwendigen Links im Nachtrag zu diesem Artikel unten verlinkt, damit Sie den Cypress Component Test Runner jetzt schnell selbst ausprobieren können. Beachten Sie, dass es sich noch im Alpha-Stadium befindet und nicht in der Nähe einer Produktionsumgebung verwendet werden sollte.

Tom