Bable不編譯JSX for Jest/React

Question

我試圖用JEST for React設置單元測試。

我的當前設置裏面的package.json：

"jest": { 
"transform": { 
    "^.+\\.jsx?$": "babel-jest" 
}, 
"moduleFileExtensions": [ 
    "js", 
    "json", 
    "jsx" 
] 

}

然後裏面.babelrc我：

{ 
    "plugins": ["syntax-dynamic-import", "transform-runtime"], 
    "presets": [ 
    [ 
     "es2015", 
     { 
     "modules": false 
     } 
    ], 
    "react" 
    ], 
    "env": { 
    "test": { 
     "presets": ["es2015", "react"] 
    } 
    } 
    } 

我然後運行NPM測試，並隨後開始運行開玩笑。但是，它會報錯/不合格： 測試套件未能在

    componentDidMount=()=>{ 
      |     ^
     25 |   window.addEventListener('scroll', this.handleScroll) 
     26 |  } 

用錯誤來運行這是告訴我，而測試輸入正確的組件，它最終停止在一些ES2015語法。

我有什麼設置錯了嗎？在JEST試圖運行它的測試之前，似乎babelrc實際上並沒有進行轉譯？它是否正確？ 我的.babelrc位於根級別。

Answer 1

您錯過了transform-class-properties babel plugin。靜態類屬性不是ES2015的一部分，需要單獨的插件。