Unit-Testing - Wie aktualisiere ich die Snapshots in meinem React/TypeScript-Projekt?

Ich habe ein React/TypeScript-Projekt, das das Jest-Testframework verwendet. Manchmal, nachdem ich meinen Code aktualisiert habe, vergleicht Jest ihn mit den Snapshots und gibt eine Benachrichtigung aus, die mich auffordert, sie zu aktualisieren. Manchmal erhalte ich diese Aufforderung jedoch nicht:

Would you like to update your snapshots?

Wenn ich diese Eingabeaufforderung nicht erhalte, kann ich jede einzelne Zeile von Hand aktualisieren, aber das ist mühsam und fehleranfällig.

Wie aktualisiere ich meine Snapshots automatisch?

Antwort #1

Für mich funktioniert der obige Befehl nicht. Aber dieser funktioniert:

npm test -- -u

Antwort #2

Führen Sie stattdessen Jest vom Terminal aus

Lösung #1:

Für die fehlschlagende Testreihe, die Snapshots erfordert, öffnen Sie ein Terminal und führen Sie aus

npm test <filename>

Dies wird Tests nur für diese Datei ausführen. Wenn es fertig ist, haben Sie Optionen. Drücken Sie

u

Jetzt werden Ihre Tests bestanden, wenn dies gemäß npm angemessen ist. Jest weiß dies jedoch möglicherweise noch nicht, und Sie könnten eine haben

// Snapshot has changed

Fehler neben Ihren Tests. Warten Sie entweder, bis Jest Ihre Tests ausgeführt hat, oder drücken Sie die

Debug

Link am Anfang des Tests, um den Fehler zu löschen.

Lösung #2:

Manchmal funktioniert die erste Lösung nicht. Ein weiterer Befehl, der vom Terminal aus ausgeführt werden kann, um Snapshots zu aktualisieren, ist

npm test -- -u

oder

npm run test:ci -- -u