Javascript web组件快照测试

给定此自定义组件：

const style=`
div{
颜色：红色；
}
`;
常量html=`
示例WEB组件
`;
const$element=document.createElement（'template'）；
$element.innerHTML=`
${style}
${html}
`;
导出默认类示例扩展HtmleElement{
构造函数（）{
超级（）；
this.root=this.attachShadow（{mode:'closed'}）；
this.root.appendChild（$element.content.cloneNode（true））；
}
}

我也有同样的问题，只需以序列化方式获取WebComponent（innerHTML）并检查快照即可：

it('should render correctly', () => {
    const myComponent = new MyComponent();

    expect(myComponent.innerHTML).toMatchSnapshot();
});

---

有趣的问题。jsdom似乎是，但我在他们的文档中没有找到任何特定的内容，我想知道

document.getElementById（…）.shadowRoot是否可以为您提供访问权限，您可以像对普通HTML片段那样对其进行序列化（顺便说一句，您不知道任何序列化程序，是吗？）