在 reactjs 中使用 amCharts4 开玩笑

编程问答 2022-12-30

问题描述

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

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

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

解决方法

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

SVG
amchartsamcharts4jestjsreactjsreactjsreactjsreactjs