jest快照返回属性而不是htmlFor

Question

我正在为快照测试使用jest-serializer-html-string和preact-render-to-string，但是问题是，当我为具有htmlFor =“”的组件运行快照测试更新时，如下所示：

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

它会生成这样的快照：

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

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

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

而且我正在创建快照测试，例如：

it(`renders markup correctly`, () => {
    const tree = renderer(<SomeComponent />);
    expect(tree).toMatchSnapshot();
});

问题是快照文件中的htmlFor转换为for，这引起了我的问题。

它是在之前转换的，但是最近它开始将其转换为for，希望有什么方法可以像在快照测试中一样保留htmlFor属性。

Answer 1

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

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