如何在AVA上使用@decorator（redux-connect）测试组件undecorator？

Question

我试着测试组件undecorator，但我没有得到。

实施例：

import React, { Component } from 'react' 
import { connect } from 'react-redux' 

@connect(({ user }) => ({ user })) 
export class Componente extends Component { 
    render() { 
     return <div>hello {this.props.user}</div> 
    } 
} 

实施例试验：

import test from 'ava' 
import Component from './Component' 
import { mount } from 'enzyme' 

test('<Component />', t => { 
    let wrapper = mount(<Component />) // the connect's redux create a wrapper component :(
}) 

它是可以测试的成分未修饰？怎么样？

Answer 1

由connect生成的包装类将内部组件类公开为名为WrappedComponent的静态字段，因此您可以单独对其进行测试。请参阅https://github.com/reactjs/react-redux/blob/master/docs/api.md#static-properties。