如何在我的React / TypeScript项目中更新快照？

Question

我有一个使用Jest测试框架的React / TypeScript项目。有时，在更新代码后，Jest会将其与快照进行比较，并提供警报要求我更新快照。其他时间，我没有收到此提示：

Would you like to update your snapshots?

如果没有收到此提示，我可以手动更新每行，但这很乏味且容易出错。

如何自动更新快照？

Answer 1

对我来说，上面的命令不起作用。但这确实：

npm test -- -u

Answer 2

从终端运行Jest

对于需要快照的失败测试套件，请打开终端并运行

npm test <filename>

这将仅对该文件运行测试。完成后，您可以选择。击中

u

现在，如果适合的话，每npm通过一次测试。但是，Jest可能还不知道这一点，并且您可能拥有

// Snapshot has changed

测试旁边的

错误。等待Jest完成测试运行，或者点击

Debug

在测试开始时链接以清除错误。