Как выполнить модульное тестирование компонента с помощью перевода? - PullRequest
0 голосов
/ 16 января 2020

У меня есть следующий класс реагирующих компонентов:

import React, { Component } from "react";
import { withTranslation } from "react-i18next";

class XYZ extends Component {
    constructor(props) {
    super(props);
    this.state = {
    };
  }

  .....
  .....


  render() {
    const { t } = this.props;

    return (

        ..... 
    );
  }
}

export default withTranslation()(XYZ);

Когда я пытаюсь выполнить модульное тестирование этого компонента и смонтировать этот компонент с помощью фермента, я получаю следующую ошибку:

Это что я пытаюсь сделать:

const wrapper = mount(<ManageOrders />);

И это ошибка:

Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получила: undefined. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию и имена.

Есть идеи, как это исправить? И почему я получаю эту ошибку. Я чувствую, что это как-то связано с библиотекой переводов, потому что когда я делаю экспортный класс, XYZ расширяет Component, он заходит внутрь и терпит неудачу в строке, где я пытаюсь сделать перевод.

...