реагировать на тесты-отображение: ни один в таблице стилей не работает, но работает, когда он встроен

Я проверяю, установлен ли div на display: none. Я установил его как таковой в таблице стилей, но тесты говорят мне, что это все еще display: block. Когда я перехожу на встроенный CSS, тесты подтверждают, что это действительно display: none.

и да, я не забыл импортировать таблицу стилей, потому что этот элемент невидим в браузере.

Часть реактивного компонента

      <div className="navbar-buttons">
        <button type="button">Sign In</button>
      </div>

таблица стилей

.navbar-buttons{
  display: none;
}

Тестовое утверждение

   expect(signinBtns).toHaveStyle('display: none')

Результат теста выводится на терминал

    expect(element).toHaveStyle()

    - Expected

    - display: none;
    + display: block;

Как заставить тесты распознавать атрибуты стиля, если они находятся в таблице стилей?


reactjs html jestjs css react-testing-library
person pokumars    schedule 31.05.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы не можете проверить, применяются ли атрибуты стиля с помощью тестов, если только это не встроенный стиль. Вы можете только проверить имя класса, если оно применяется или нет, и предположить, что это правильный класс.

person hendrixchord    schedule 31.05.2020