Jest快照不匹配-Windows与Unix/Linux行结尾

Question

我们有一个由多个开发人员在多个操作系统上开发的项目。我们的prettier配置中的字符限制设置为120个字符。我们的windows计算机生成的快照与我们的linux/unix计算机不同。

窗户：

              <h4
                className="RightPanel__item--heading heading--headingBlocks
subHeading--headingBlocks subHeading--different"
              >

而在我们的linux/unix机器上，快照生成以下行：

              <h4
                className="RightPanel__item--heading heading--headingBlocks subHeading--headingBlocks subHeading--different"
              >

对于linux/unix快照，代码在第119列结束，而windows机器在最后几个属性之前产生一个新行。我们使用React，Jest用于测试，eslint用于棉绒，Babel用于转换。

1. babelrc:transform:{“^.\.jsx？$”：“babel jest”}

React、Babel、Webpack、vanilla es6无类型脚本项目，带有测试笑话

我们已尝试设置eslint的“换行样式”：[“error”，“unix”]以查看eslint更改是否会更新windows的jest快照而无效。我们已确保在所有机器上安装相同版本的jest。与更漂亮的和eslint相同。

有没有关于我们如何解决这个问题的建议，这样测试就不会在一个操作系统或另一个操作系统上失败？

Answer 1

我们遇到了完全相同的问题，Windows计算机生成的快照与Mac不同，具有不同的换行符。

我们发现VS代码在windows计算机上设置为LF换行设置，并更改为CRLF修复了该问题。

我建议您检查编辑器中的行尾设置以及链中早期的任何其他位置。

Answer 2

我们在项目中使用快照序列化程序来避免此类问题，它在您的情况下也会有所帮助。对于html快照，我推荐jest序列化程序html

Answer 3

在团队中同步类似内容的最佳方法是使用EditorConfig。大多数代码编辑器支持它，可以是本机的，也可以是通过扩展的。

EditorConfig是一种通用的方法，用于指定编辑器设置，即您的案例中的行尾，所有操作系统上的所有代码编辑器都会遵守该方法。

https://editorconfig.org

# Unix-style newlines with a newline ending every file
[*]
end_of_line = lf