Testen · Senior · Frage 74 von 75
Wie können E2E-Tests Hydration-Mismatches und andere Laufzeitfehler finden, die die sichtbare UI nicht brechen?
const errors: string[] = [];
page.on("console", (msg) => msg.type() === "error" && errors.push(msg.text()));
page.on("pageerror", (error) => errors.push(error.message));
// ...test steps
expect(errors).toEqual([]);- 1Hydration-Fehler sind immer auf dem Bildschirm sichtbar
- 2Nur indem man danach die Server-Logs von Hand liest
- 3Tests bei
console- undpageerror-Events scheitern lassen
Antwort zeigen
Richtige Antwort: Tests bei console- und pageerror-Events scheitern lassen
Erklärung
React meldet Hydration-Mismatches in der Konsole; ohne Listener besteht der Test, während die Seite auf dem Client neu rendert.