Блог

Я попытаюсь сузить свой вопрос: как импортировать с помощью библиотеки/Jest для тестирования реакции компонент, который одновременно является специальным? Как проверить эти два?

Все компоненты всегда завернуты в специальные в конце, и я понятия не имею, как я могу импортировать их с реквизитами, как в приведенных ниже примерах:

TopBar.tsx (TopBar-это файл компонента с JSX, но этот файл импортируется в App.tsx, как и другие)

 import { compose } from 'redux';
import withMaterialUiClasses from '../../../shared/higher-order-components/with-material-ui-classes';
import withProps from '../../../shared/higher-order-components/with-props';
import gtagService from '../../../shared/services/gtag-service';
import classes from './classes';
import TopBar from './component';
import service from './service';

export default compose(withProps({ gtagService, service }), withMaterialUiClasses(classes))(TopBar);
 

Переключатель верхней панели

 import { connect } from 'react-redux';
import { compose } from 'redux';
import { createStructuredSelector } from 'reselect';
import withMaterialUiClasses from '../../../shared/higher-order-components/with-material-ui-classes';
import withProps from '../../../shared/higher-order-components/with-props';
import gtagService from '../../../shared/services/gtag-service';
import { darkModeToggle } from '../../@state/@dark-mode/dark-mode-action-creators';
import selectIsDarkModeOn from '../../@state/@dark-mode/dark-mode-selectors';
import classes from './classes';
import Component from './component';

const mapState = createStructuredSelector({
  isDarkModeOn: selectIsDarkModeOn,
});

const mapDispatch = {
  darkModeToggle,
};

export default compose(withProps({ gtagService }), withMaterialUiClasses(classes))(connect(mapState, mapDispatch)(Component));