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

【问题标题】：How do I update the snapshots in my React/TypeScript project?如何更新我的 React/TypeScript 项目中的快照？
【发布时间】：2021-04-19 18:42:22
【问题描述】：

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

Would you like to update your snapshots?

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

如何自动更新我的快照？

【问题讨论】：

【解决方案1】：

解决方案 #1：

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

npm test <filename>

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

u

现在，如果每个 npm 合适，您的测试将通过。然而，Jest 可能还不知道这一点，你可能有一个

// Snapshot has changed

测试旁边的错误。要么等待 Jest 完成运行测试，要么点击

Debug

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

解决方案 #2：

有时第一个解决方案不起作用。从终端运行以更新快照的另一个命令是

npm run test:ci -- -u

【讨论】：

【解决方案2】：

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

npm test -- -u

【讨论】：