У меня есть компонент, куда я импортирую className из файла sass:
import cn from './_classNames.scss';
...
<div className={cn.block}>
...
</div>
Но когда я пытаюсь протестировать компонент с помощью метода Enzyme shallow
, он не видит className:
import { shallow } from 'enzyme';
const wrapp = shallow(
<Component />
)
console.log(wrapp.debug())
Это запись в консоли <div className={[undefined]}
>.
Как я могу протестировать свой компонент, если я использую импортированные classNames из файла .scss? Нужно ли добавлять некоторые загрузчики в мою конфигурацию Webpack или устанавливать некоторые плагины для css-модулей в Enzyme? Спасибо за помощь и советы.