jest自动化测试遇到的一些报错信息及解决方案

1. Plugin 0 specified in "C:\\work\\New\\In-internet\\next\\babel.js" procided an invalid property of "default". 如图:

 

 

 

 

 

 

 

 

 

 

 

 

 

解决：.babelrc中缺乏test配置

"env": {
    "test": {
      "presets": [["next/babel", { "preset-env": { "modules": "commonjs" }}]]
    }
  }

 

2.  Unfortunately nesting is not supported by styled-jsx . 如图：

解决： 配置styled-jsx的plugins： styled-jsx-plugin-postcss

"env": {
    "test": {
      "presets": [["next/babel", { "preset-env": { "modules": "commonjs" }, "styled-jsx": { "plugins": [ "styled-jsx-plugin-postcss" ] } }]]
    }
  }

 

3. Could not find "store" in either the context or props， 如图：

由于组件用了connect()， 组件结构以下：

import { connect } from 'react-redux'
​
class StepStatus extends Component { /* ... */ }
​
export default connect(mapStateToProps)(StepStatus)

解决： 

import { connect } from 'react-redux'
​
// Use named export for unconnected component (for tests)
export class StepStatus extends Component { /* ... */ }
​
// Use default export for the connected component (for app)
export default connect(mapStateToProps)(StepStatus)

 用{}引用， 如 import { StepStatus } from './StepStatus'

 

4. eslint的错误

（1）[eslint] 'enzyme' should be listed in the project's dependencies, not devDependencies. (import/no-extraneous-dependencies)

 解决：在.eslintrc的rules加  "import/no-extraneous-dependencies": ["error", {"devDependencies": true}]

（2）[eslint] Using exported name 'StepStatus' as identifier for default export. (import/no-named-as-default)

 解决：在.eslintrc的rules加  'import/no-named-as-default': 0