Reactjs 如何使笑话快照包含样式

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;" >

有没有一种方法可以创建一个以css为内联样式的jest Snapshot。例如:

我有一个包含以下内容的css文件:

.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”
的含义。对于快照,这只是一个以字符串作为值的属性