如何在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。