javascript - 如何在 AVA 上使用 @decorator (redux-connect) 测试组件 undecorator？

Question

我正在尝试测试一个组件取消装饰器，但我没有。

例子:

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 .