UD5工具箱
第一步：准备两个版本的 Jest 快照内容
在开始对比之前，你需要准备两个版本的 Jest 快照内容。通常可以从以下途径获取：一是从项目的 __snapshots__ 目录中找到 .snap 文件，分别复制修改前和修改后的版本；二是从 Git 历史中提取，使用 git show HEAD~1:path/to/snapshot.snap 获取旧版本，当前工作目录中的文件作为新版本；三是从 Jest 测试失败的终端输出中复制期望值和实际值。确保两个内容分别对应同一个快照条目的两个不同状态。
第二步：打开工具并输入快照内容
在浏览器中打开 Jest 快照差异查看器页面。页面左侧是快照 A（旧版本）输入区，右侧是快照 B（新版本）输入区。你可以通过两种方式输入内容：直接粘贴从编辑器或终端复制的快照文本，或者将本地的 .snap 文件拖放到对应的文本区域。工具会自动读取文件内容。输入完成后，建议快速浏览一遍确认内容完整无误，特别注意检查首尾是否有遗漏的字符。
第三步：根据需要选择过滤选项
在点击比较之前，根据你的分析需求选择合适的过滤选项。如果你的快照中存在大量空行变动（例如由于格式调整），勾选忽略空行选项可以排除这些非实质性差异。如果变更主要来自缩进调整（如从 2 空格改为 4 空格），勾选忽略首尾空格选项可以消除这些格式差异。如果你只想关注核心内容变更而不想被上下文行干扰，勾选仅显示差异选项。三个选项可根据实际情况灵活组合，建议先不勾选任何选项进行首次对比，了解全貌后再逐步启用过滤。
第四步：执行对比并选择视图模式
点击比较差异按钮，工具会在毫秒级时间内完成对比计算。默认以并排视图展示结果，左侧显示快照 A 的内容，右侧显示快照 B 的内容，相同行保持对齐，差异行分别用红色（删除）和绿色（新增）高亮。如果你更习惯统一视图，点击统一视图按钮即可切换，所有变更会合并为单栏显示。在查看过程中，你可以随时切换两种视图模式进行交叉验证。
第五步：分析差异统计并定位关键变更
查看底部统计面板中的数据。如果总变更数较大，说明两个快照之间存在显著差异，可能涉及组件结构的重大调整，需要仔细审查每一处变更。如果变更数较小，可以快速浏览确认即可。在差异视图中，关注被标记为新增和删除的行，判断这些变更是否符合预期。例如，组件新增了一个 prop 或者移除了一段 HTML 结构，这些都会在快照差异中体现。
第六步：复制结果或交换内容进行二次验证
确认分析结果后，点击复制结果按钮将差异内容复制到剪贴板，粘贴到你的代码审查工具或沟通渠道中。如果需要从另一个方向验证差异（例如确认某个删除是否合理），点击交换按钮将两个快照内容互换，然后重新查看差异。最后，点击清空按钮重置所有内容，准备进行下一轮对比。