开玩笑/酶html函数不是多行且缩进的

Question

我正在对React组件中的HTML进行快照测试：

describe('something', () => {
    const wrapper = mount(
        <MockProvider>
            <MyCompoent />
        </MockProvider>,
    );

    test('matches the snapshot', () => {
        expect(wrapper.html()).toMatchSnapshot();
    });
});

这有效，但是快照已缩小：

exports[`MyCompoent something`] = `"<section class=\\"wrapper\\"><a class=\\"backLink\\" href=\\"#gift-type\\"><i class=\\"icon ArrowLeft backLinkIcon\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 64 64\\"><path fill=\\"currentColor\\" fill-rule=\\"nonzero\\" d=\\"M19.053 30.01h32.12v3h-32.38l13.28 13.28-2.121 2.121L13 31.458 30.004 16l2.018 2.22z\\"></path></svg></i>Back</a><div cla....

如何使HTML的多行代码很好地缩进？当我console.log(wrapper.html())

时，也会发生同样的事情

在我的jest-config.js中，我已经拥有了：

module.exports = {
  snapshotSerializers: ['enzyme-to-json/serializer'],
};

如果我不使用render方法（例如expect(wrapper).toMatchSnapshot();），则多行和缩进效果很好。