Reactjs 如何使笑话快照包含样式
有没有一种方法可以创建一个以css为内联样式的jest Snapshot。例如: 我有一个包含以下内容的css文件:Reactjs 如何使笑话快照包含样式,reactjs,jestjs,Reactjs,Jestjs,有没有一种方法可以创建一个以css为内联样式的jest Snapshot。例如: 我有一个包含以下内容的css文件: .header {font-size: 20px;} 我的快照是这样创建的: <div className="header" > some text </div> <div className="header" style="font-size: 20px;" >
.header {font-size: 20px;}
我的快照是这样创建的:
<div
className="header"
>
some text
</div>
<div
className="header" style="font-size: 20px;"
>
some text
</div>
一些文本
有没有办法制作这样的快照:
<div
className="header"
>
some text
</div>
<div
className="header" style="font-size: 20px;"
>
some text
</div>
一些文本
如果更改css文件中的fontsize会导致测试失败 不,快照无法做到这一点,因为它们只转换react组件的结构,而不知道
className=“header”
的含义。对于快照,这只是一个以字符串作为值的属性。不,快照无法做到这一点,因为它们只转换react组件的结构,而不知道className=“header”
的含义。对于快照,这只是一个以字符串作为值的属性