Как протестировать компонент undecorator с @decorator (redux-connect) на AVA?

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.