React Enzyme淺層渲染中的transform-class-properties插件

Question

啟用了transform-class-properties插件的webpack模塊導出，這幫助我擁有了class ， class是javascript中的注冊詞，通常在我的html代碼中使用，使用該插件的翻譯步驟承擔了沉重的負擔。

我現在正在使用enzyme來測試組件，但是我遇到這樣的組件存在問題。

export default class Settings extends React.Component {
    render() {
        return (
            <div class='something'>Settings</div>
            );
    }
}

如果我想在我的單元測試來測試，如果我有任何something類在我的組件，但是總是失敗。

export default class Settings extends React.Component {
    render() {
        return (
            <div className='something'>Settings</div>
            );
    }
}

但是，如果我自己進行上述轉換，則會有UT通過。

我如何也可以在單元測試之前執行轉換步驟。 我正在使用像這樣的"test": "mocha -w ./test/**/*.js --compilers js:babel-core/register --reporter spec",這樣的npm腳本測試"test": "mocha -w ./test/**/*.js --compilers js:babel-core/register --reporter spec",

Answer 1

我的壞-解決方案在於.bablerc使用另一個stackoverflow線程解決了該問題Mocha為ES6對象散布運算符拋出了意外的令牌錯誤