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

Question

我正在使用 jest-serializer-html-string 和 preact-render-to-string 进行我的快照测试，但问题是当我运行像这样对具有 htmlFor="" 的组件进行快照测试更新时:

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

它生成这样的快照：

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

这是我在包 json:

中的 jest 快照配置

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

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

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

问题是 htmlFor 在快照文件中被转换为 for，这导致了我的问题。

它之前被转换，但最近，它开始将它转换为 for，希望有任何方法可以保持 htmlFor 属性在快照测试中的原样。

Answer 1

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

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

jest snapshots returning for attribute instead of htmlFor