在jest

Question

我正在尝试使用Jest测试基本的反应组件，但是在将组件导入我的测试时遇到错误。它在我的测试之外工作正常。

错误是：

不变违规：_registerComponent（...）：目标容器不是DOM元素。

App.js

const App = () => (
  <h1>Hello World</h1>
)

app.test.js

import React from 'react'
import App from '../app'

test('App renders', () => {
  ...
}

Answer 1

将以下内容添加到您的config.js或package.json中：

    {
        "env": {
            "development": {
                "plugins": ["transform-es2015-modules-commonjs"]
            },
            "test": {
                "plugins": ["transform-es2015-modules-commonjs", "@babel/plugin-proposal-class-properties"],
                "presets": [
                    "@babel/preset-react"
                ]
            }
        }
    }