如何用 Highcharts 停止色差“噪音”

问题描述 投票:0回答:1

当将 Chromatic 视为我们合并请求的一部分时,发现实际有意义的差异就像大海捞针一样。

Highcharts 有其奇怪的变化,其中部分(例如线条)的位置似乎略有不同。

我们已经尝试了 Chromatic 设置:

  • 公差(但这会导致缺少实际的小变化的问题)

  • 延迟(仍然没有用,仍然看到变化)

如果那里有潜在的解决方案但我们不知道那是什么,我们可以有条件地使用我们的 Chromatic 标志来配置 Highcharts。

由于这个问题,我们公司的其他团队完全取消了视觉差异,这是非常荒谬和烦人的!

highcharts storybook visual-testing chromatic
1个回答
0
投票

听起来您在有效使用 Chromatic 进行视觉回归测试时遇到了麻烦,尤其是在使用 Highcharts 时。这可能令人沮丧,但您可以尝试一些方法来改善结果。

一种选择是有选择地捕获 Highcharts 组件中可能发生变化的特定部分,而不是捕获整个页面。这有助于减少视觉差异中的噪音,并更容易发现有意义的变化。

另一个选项是将 Chromatic 使用的公差值调整到一个水平,以捕捉有意义的变化,同时减少视觉差异中的噪音。但是,您应该注意不要将公差设置得太高,因为这会导致 Chromatic 错过微小但重要的变化。

有时,可能需要手动检查以准确识别 Chromatic 可能遗漏的更改。虽然这可能很耗时,但它可能是确保您捕获所有有意义的更改的唯一方法。

最后,如果您发现 Chromatic 不能很好地适用于您的用例,还有其他可用的视觉回归测试工具,例如 Applitools 和 Percy。这些工具提供更高级的功能和自定义选项,可能更适合您的团队。

最终,最佳方法将取决于您的特定项目要求和测试工具的限制。因此,尝试不同的方法可能会有所帮助,直到找到适合您的团队的方法。 但这就是我能想到的。

© www.soinside.com 2019 - 2024. All rights reserved.