3

我正在开发一个使用 Jest 进行快照测试的 react-native-web 应用程序。它工作得很好!我遇到的唯一真正问题是我的className行差异是不可读的。这是一个例子:

    <div
  -  className="rn-WebkitFontSmoothing-1vzmqqg rn-borderTopWidth-13yce4e rn-borderRightWidth-fnigne rn-borderBottomWidth-ndvcnb rn-borderLeftWidth-gxnn5r rn-boxSizing-deolkf rn-color-1qtguxu rn-display-1471scf rn-font-1lw9tu2 rn-fontFamily-1ee1ikv rn-fontSize-1enofrn rn-letterSpacing-196qbc9 rn-lineHeight-56xrmm rn-marginTop-1mnahxq rn-marginRight-61z16t rn-marginBottom-p1pxzi rn-marginLeft-11wrixw rn-paddingTop-wk8lta rn-paddingRight-9aemit rn-paddingBottom-1mdbw0j rn-paddingLeft-gy4na3 rn-textDecoration-bauka4 rn-textShadow-14hblb1 rn-whiteSpace-q42fyq rn-wordWrap-qvutc0"
  +  className="rn-WebkitFontSmoothing-1vzmqqg rn-borderTopWidth-13yce4e rn-borderRightWidth-fnigne rn-borderBottomWidth-ndvcnb rn-borderLeftWidth-gxnn5r rn-boxSizing-deolkf rn-color-homxoj rn-display-1471scf rn-font-1lw9tu2 rn-fontFamily-1ee1ikv rn-fontSize-1enofrn rn-letterSpacing-196qbc9 rn-lineHeight-56xrmm rn-marginTop-1mnahxq rn-marginRight-61z16t rn-marginBottom-p1pxzi rn-marginLeft-11wrixw rn-paddingTop-wk8lta rn-paddingRight-9aemit rn-paddingBottom-1mdbw0j rn-paddingLeft-gy4na3 rn-textDecoration-bauka4 rn-textShadow-14hblb1 rn-whiteSpace-q42fyq rn-wordWrap-qvutc0"

那里变化,但很难发现。每当我进行细微的样式更改时,我的测试就会充满数十个这样的差异。这会产生很多噪音,并降低我的测试的有用性。

我的问题是,这可以改进吗?我的快照可以将每个类名写在新行上吗?是否可以进行字符差异,例如 GitHub?

4

0 回答 0