小编all*_*ers的帖子

Jest和Enzyme使用ES6 Arrow功能测试React Component

我已经在运行webpack 2的React项目中添加了Jest和Enzyme.在运行jest时,我在React Component中使用ES6箭头函数时遇到了错误.

组件代码示例如下:

import React, { Component } from 'react';

class Add extends Component {
    constructor(props){
        super(props);
        this.state = this.defaultState();
    }

    defaultState = () => {
        return {
            name : ""
        }
    }
    onChange = (e) =>{
        this.setState({
            name: e.target.value
        });
    }
    handleAdd = (e) => {
        e.preventDefault();
        this.props.onAdd(this.state.name);
    }

    render= () => {
        return (
            <form>
        <!-- more markup -->
            </form>
        );
    }


}

export default Add;
Run Code Online (Sandbox Code Playgroud)

Jest在运行测试套件时失败了,我是否需要在我的软件包json/babelrc中添加任何内容以启用箭头功能测试?

reactjs jestjs enzyme

3
推荐指数
1
解决办法
1467
查看次数

标签 统计

enzyme ×1

jestjs ×1

reactjs ×1