Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs react css模块导致快照测试失败_Reactjs_Jestjs_Snapshot_React Css Modules - Fatal编程技术网

Reactjs react css模块导致快照测试失败

Reactjs react css模块导致快照测试失败,reactjs,jestjs,snapshot,react-css-modules,Reactjs,Jestjs,Snapshot,React Css Modules,react css modules包将呈现如下html格式: className="src-Comp-___style__navi-col___1-3yc6d" 但是哈希字符串(3yc6d)将在jest快照上导致错误: <div

react css modules
包将呈现如下html格式:

className="src-Comp-___style__navi-col___1-3yc6d"
但是哈希字符串(
3yc6d
)将在jest快照上导致错误:

<div                                                                                                                                      
  - className="src-Comp-TopcoderFooter-___style__navi-col___6dcta"                                                             
  + className="src-Comp-TopcoderFooter-___style__navi-col___3yc6d"                                                             
>

如您所见,哈希值已更改,因此快照测试失败

问题是我从github克隆了一个repo,测试因此失败。(当我添加pull请求时,它可能会失败。)

因此,在我的电脑中生成的哈希与回购所有者不同。(如果我重新运行测试,哈希值将不会更改。)

此哈希背后的逻辑是什么?如何防止快照测试失败?

库已弃用;他们建议改为使用,已经有一段时间没有维护了,并且与最新版本的Webpack的
css加载器
(该加载器负责css端的css名称转换;并确定哈希背后的实际逻辑)不兼容

如果您需要该功能,我建议您使用该功能,我会及时更新该功能,并与最新的
css加载程序
版本兼容:)

另外,是的,
css加载器
从版本
3.6.0
到当前版本
5.2.4
的更新已经改变了它在相同css文件中为相同类名生成的实际哈希值的几倍