У меня есть несколько псевдоклассов hover в css, и я хочу запустить тест и проверить, правильно ли они себя ведут. Возможно ли это с Jest? Извиняюсь за отсутствие знаний здесь, я всего день использую Jest.
CSS:
.my-btn--lg.my-btn--brand.hover, .my-btn--md.my-btn--brand:hover {
background-color: #ac0000;
}
Кажется, это невозможно.
Я не уверен, что jsdom предоставляет соответствующую версию window.getComputedStyle, но в любом случае пока нет возможности проверить стили, основанные на псевдоклассе. jest в качестве универсального средства запуска тестов и react-test-renderer, который "просто" компилирует JSX в HTMLElements, ничего не знает о псевдоклассе/состоянии наведения.
См. также https://stackoverflow.com/a/11495671/2071697, чтобы узнать, как самостоятельно проанализировать CSS, чтобы найти :hover правило (но я считаю, что это неэффективный способ составления модульных тестов)
