@juxtapose /故事书

Storybook插件 并列 - - - - - - 在产生它们的故事旁边回顾视觉差异。

pnpm add -D @juxtapose/storybook

// .storybook/main.js
export default {
  addons: ['@juxtapose/storybook'],
};

一、 并列 选项卡出现在插件面板中。从那里你可以捕捉到 当前故事或整个套件，以四种方式与基线进行比较 (与diff叠加、可拖动滑块、洋葱交叉渐变或 闪烁)，批准更改，并为您的代理复制带有记录的更改和图像路径的提示。

并置也注册为测试提供者：a 并列 排在故事书里 侧边栏底部的测试模块，以及Storybook的测试模块 运行测试 按钮将可视化套件与其他测试一起运行。测试提供者 需要Storybook 8.5或更高版本，并对照8.6和10.6进行检查。在早些时候 版本行不出现；这个面板可以任意工作。

这个 什么改变了 部分使用现有报告的结构摘要， 具有可扩展的前后细节，证据限制和无法解释的区域。 如果可用，它还会显示薄片证据和建议的配置 选择并复制。建议不会自动应用。渲染器恢复 成功时报告精确的哈希匹配；它没有确定根本原因。 这些解释不需要额外的捕获或分析。

显式地显示捕获错误、取消和失败的运行。一次失败的运行 可能使以前的报告可见，标记为这样。无法获得批准 捕获错误或确认不稳定的结果；合格的批准仍然需要 一个新的确认捕获。缺失的基线图像显示当前捕获 和现有的结构证据，没有比较对照。

键盘: j/k 下一个和上一个未决捕获（包括变体）； a 批准, s 肩并肩， w 滑块, o 洋葱, f 闪烁, d diff 叠加, u 暗淡不变的区域，和 z 放大镜。快捷键忽略文本输入， 修改键和重复的键事件。审批捷径服从同样的守卫 作为按钮。

擦除滑块支持指针拖动、方向键（1%；Shift为10%）和 /结束回家。闪烁有暂停/播放控制，开始暂停时减少运动 请求，并在隐藏浏览器选项卡时暂停。如果复制代理 提示失败，其文本仍可在面板中选择。

该插件将其API安装在Storybook自己的开发服务器中，因此没有 第二个要运行的进程，没有端口要配置。

支持msw支持的故事：故事书捕获允许服务工作者。 在您的故事书中配置MSW，在开发和 静态构建，并在获取之前等待预览/加载器中的工作准备就绪 嘲笑的数据。该插件不会为您安装或配置MSW。CI验证 重复捕获的真实城市固体废物响应；例子的 Msw.stories.jsx 显示 的设置。这与仅url不同 jux snap，这阻碍了服务人员的工作。

完整的文档: https://github.com/juxtapose-dev/juxtapose

MIT©Magic Factory LLC