Component Test
Komponententest
Ein Komponententest platziert einen Schnittstellenbestandteil in einem echten Renderingbereich. Er gibt dem Bestandteil kontrollierte Eingaben und Daten und überprüft dann sein Verhalten.
Ein weiteres Beispiel
Ein Designsystem-Ingenieur öffnet eine Kombinationsbox mit 200 Auswahlmöglichkeiten und einem Fehlerzustand. Die Tastaturauswahl muss den Wert und seinen zugänglichen Status ändern. Ein Screenshot des Inhalts kann dieses Verhalten nicht testen.
Hauptteile
- 01Story-Fixture
- 02Eingebautes Modul
- 03Browser-Assertion
Verwenden Sie es, wenn
Verwenden Sie diesen Begriff, wenn ein UI-Verhalten die Browserdarstellung benötigt, aber nicht die gesamte Produktreise.
Nutze es nicht, wenn
Verwenden Sie Komponententests nicht anstelle von Integrations- oder E2E-Tests für Verbindungen außerhalb dieser Komponente.
In Code verwendeter Name
story fixture → mount → user action → assertion Vor dem Ausliefern
Check the environment and prepared test data (fixture). Define a result you can observe, failure and edge cases, isolation, stable inputs, useful error details, and cleanup. Set a time budget, owner, and flaky-test rule.
Outcome: Complete the task with Komponententest (Component Test). User context: Ein Designsystem-Ingenieur öffnet eine Kombinationsbox mit 200 Auswahlmöglichkeiten und einem Fehlerzustand. Die Tastaturauswahl muss den Wert und seinen zugänglichen Status ändern. Ein Screenshot des Inhalts kann dieses Verhalten nicht testen. Validation approach: Komponententest (Component Test). Why it fits: Verwenden Sie diesen Begriff, wenn ein UI-Verhalten die Browserdarstellung benötigt, aber nicht die gesamte Produktreise. Do not use it when: Verwenden Sie Komponententests nicht anstelle von Integrations- oder E2E-Tests für Verbindungen außerhalb dieser Komponente. Test requirements: Name the system and test environment. Define prepared test data, other inputs, and the result you can observe. Include failure and edge cases, allowed error, isolation, and cleanup. Test operations: Make failures easy to diagnose. Control random or changing inputs. Name an owner. Keep the test fast and simple enough for its release gate. Acceptance criteria: The test fails for the known bug and passes after the fix. It repeats in the target environment, gives useful evidence, and does not expose or change unrelated data. Evidence and limits (evidence boundary): Es ist offiziell für diese Quelle. Andere Plattformen oder Teams können den Begriff auf andere Weise verwenden. Unknowns to confirm: Release gate, environment, prepared test data, allowed error, time budget, owner, and flaky-test rule.
Diese Anfrage prüfen
Review how Komponententest (Component Test) is used now. Definition: Ein Komponententest platziert einen Schnittstellenbestandteil in einem echten Renderingbereich. Er gibt dem Bestandteil kontrollierte Eingaben und Daten und überprüft dann sein Verhalten. Release checks: Check the environment and prepared test data (fixture). Define a result you can observe, failure and edge cases, isolation, stable inputs, useful error details, and cleanup. Set a time budget, owner, and flaky-test rule. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.