在 reactjs 中与 amCharts4 开玩笑

Question

使用 amcharts4 的组件的测试用例失败。我试过使用

"jest": {
"transformIgnorePatterns": [
  "[/\\]node_modules[/\\](?!(@amcharts)\/).+\.(js|jsx|ts|tsx)$"
],}

但这并没有解决问题。 amCharts 的文档提到可以使用 jest 和 puppeteer 来解决。有人知道这个问题的任何其他解决方法吗？使用 jest 和 puppeteer 是唯一的解决方案吗？

Answer 1

我们需要在 jest 配置中添加以下代码，而且如果您使用 mount/shallow 进行测试，则移至 ReactDOM.render()，因为 jest 不支持测试SVG 和 amCharts 在内部使用 SVG。

"jest": {
 "transformIgnorePatterns": [
    "node_modules[/\\](?!@amcharts[/\\]amcharts4)"
 ]
}

Jest with amCharts4 in reactjs