我有一个(私有)npm模块,可以导出几个React组件。该模块由Webpack捆绑,在生成的捆绑中,对组件之一(例如Warning
)的引用如下所示:
t.d(n,"Warning",function(){return ge})
然后我有一个React项目导入了这个模块:
import { Warning } from 'my-custom-module';
...
render() {
return (
<Warning>Lorem ipsum</Warning>
);
}
这一切正常,但是当我为上述组件创建Jest快照时,我希望快照看起来像
<Warning>Lorem ipsum</Warning>
但它看起来像:
<ge>Lorem ipsum</ge>
由于某种原因,Jest使用了缩小的标识符,而不是组件的导出名称。如何在Jest快照中查看组件名称?我不确定是否需要调整Webpack配置或Jest设置...