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