@juxtapose /核心

与平台无关的捕获、diff、基线和分析核心用于并置。

的一部分 并列、视觉 组件工作台的回归测试。

您可能不需要直接安装它。 使用 @juxtapose/cli 为 命令行，或者 @juxtapose/storybook 查看故事书内部的差异。这个包是一个积木 依赖。

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

设计参考比较

designReferences 命名项目包含的PNG目标独立于批准 回归基线。每个条目映射到一个精确的捕获键，包括任何 变体后缀:

{
  "designReferences": {
    "card-mobile": {
      "storyId": "card--default__mobile",
      "image": "design/card-mobile.png",
      "viewport": { "width": 375, "height": 812 },
      "deviceScaleFactor": 1,
      "captureKind": "viewport"
    }
  }
}

compareDesignReference 将保存的当前图像与命名的PNG进行比较 无需启动浏览器。它验证捕获键，CSS视口，DPR， 在比较像素之前捕获类型和实际图像尺寸。设计PNG 没有DOM快照，所以它的分类账明确地将结构证据标记为 不可用。 pass 表示Pixelmatch计算所选像素处的零变化像素 阈值;精确的字节哈希值保留在分类账中以用于来源。比较 和区域id依赖于散列、几何和策略，因此保存的区域id 必须在映像或比较策略更改后刷新。

新的结构快照也记录计算 grid-template-columns． 当一个 批准的基线和电流捕获都有这个字段，一个响应网格 更改显示为布局样式增量，旁边是移动或调整大小的结果 元素。旧的批准侧斗仍然可读。与某人的比较 标记其样式证据不完整，而不是处理缺失的网格值 作为一个变化；重新批准该基线以启用网格比较。

MIT©Magic Factory LLC