我正在开发一个使用样式组件和玩笑的项目，并对我的 React 组件的初始渲染进行快照测试。我可以在本地运行这些测试，这会按预期生成快照。测试文件以及生成的快照都已签入版本控制。后来，在运行 CI 步骤时，由于内容相同的类名乱序，测试返回失败。
\n\n快照：
\n\nexports[`TransparentListItem should render 1`] = `\n.c0 {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.c1 {\n margin-left: 20px;\n color: #8288A0 !important;\n}\n\n.c2 {\n font-weight: 600;\n font-size: 16px;\n line-height: 22px;\n -webkit-letter-spacing: 0.3px;\n -moz-letter-spacing: 0.3px;\n -ms-letter-spacing: 0.3px;\n letter-spacing: 0.3px;\n font-family: \'Nunito Sans\',sans-serif;\n font-weight: 500;\n color: #44485B;\n margin-bottom: 10px;\n margin-top: 10px;\n}\n\n<div\n className="c0"\n>\n <h4\n className="c1 c2"\n size={4}\n />\n</div>\n`;\n测试输出：
\n\n FAIL src/components/TransparentListItem/TransparentListItem.test.js (14.986s)\n \xe2\x97\x8f TransparentListItem \xe2\x80\xba should render\n\n …