Как правильно тестировать подобного рода компоненты?

Question

[GaserV]

Есть такой компонент:

<div className={cn('list', { active: isOpen })}>
      <Visible xs sm md>
        <AdditionalComponent />
      </Visible>
      Hello world!
    </div>

Visible компонент используется из react-grid-system. Первое, что пришло в голову :

global.innerWidth = 500;
global.dispatchEvent(new Event('resize'));

Но правильно ли так делать?

Answer 1

[vıtalıyırtlach]

Такие тесты они как правило являются Хрупкими, потому что jest dom это не полноценный DOM браузера, поэтому к ним нужно подходить с особой осторожностью