Кто сталкивался с таким багом при использовании enzyme?

Question

[Вадим В]

Использую Jest + Enzyme, все подключенно как сказано в документации, версии новые. На другом таком же проекте все работает, а здесь не могу понять в чем проблема, только при использовании mount любого компонента выходит такая ошибка Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object., shallow и render работают нормально.
Подскажите пожалуйста, где возможно закралась ошибка?

Comments

[Вадим В]

like-a-boss, В том то и дело, что передаю я туда компонент(в mount)

[Петр Мухуров]

Возможно, ошибка закралась в коде. Ожидается класс/рендер-функция, а приходит уже отрендеренный кусок, что-то типа такого

render() {
  const { component: C } = this.props;

  return (
    <div><C /></div>
  )
}

а в пропсы приходит component: <Something /> вместо component: Something

[camelCaseVlad]

импортируете точно правильно?

import {Component} from './component.js';

import Component from './component.js';

[Вадим В]

Дело не в компоненте. Для примера я создал супер простой компонент

import React, { Component } from 'react'

export default class Test extends Component {
    render() {
        return (
            <div>
                Hello
            </div>
        )
    }
}

Когда использую shallow, то все ок, а когда mount, то эта ошибка выскакивает

it('should Test with mount', () => {
        const wrapper = mount(<Test />);

        expect(wrapper).toBeTruthy();
    });

    it('should Test with render', () => {
        const wrapper = shallow(<Test />);

        expect(wrapper).toBeTruthy();
    });

× should Test with mount (97ms)
    √ should Test with render (29ms)

Monitoring component test without redux › should Test with mount

    Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

      21 | 
      22 |     it('should Test with mount', () => {
    > 23 |         const wrapper = mount(<Test />);
      24 |         console.log(wrapper.debug());
      25 | 
      26 |         expect(wrapper).toBeTruthy();