开玩笑的快照返回的属性，而不是htmlFor

Question

我正在使用libraryDependencies ++= List( "com.typesafe.slick" %% "slick" % "3.3.2", "org.slf4j" % "slf4j-nop" % "1.7.10", "com.h2database" % "h2" % "1.4.199" ) 和jest-serializer-html-string进行快照测试，但是问题是，当我为具有htmlFor =“”的组件运行快照测试更新时：

preact-render-to-string

它会生成这样的快照：

<Label htmlFor={input.name}>{label}</Label>

这是我在json包中最有趣的快照配置：

<label for="checkbox">label</label>

我正在创建这样的快照测试：

"snapshotSerializers": [
  "jest-serializer-html-string"
],

问题是快照文件中的it(`renders markup correctly`, () => { const tree = renderer(<SomeComponent />); expect(tree).toMatchSnapshot(); }); 转换为htmlFor，这给我带来了麻烦。

它是在之前转换的，但是最近，它开始将其转换为for，希望可以通过任何方法保留快照测试中的for属性。

Answer 1

似乎正确的行为是将快照中的htmlFor转换为for。

因此，我设法通过将组件中的所有htmlFor属性转换为for属性来解决该问题。