Тест для псевдокласса с использованием Jest и React-test-renderer

Question

У меня есть несколько псевдоклассов при наведении курсора в css, и я хочу запустить тест и проверить, правильно ли они ведут себя.Это возможно с Джестом?Прошу прощения за отсутствие знаний, я использую Jest всего один день.

Css:

.my-btn--lg.my-btn--brand.hover, .my-btn--md.my-btn--brand:hover {
    background-color: #ac0000;
}

Answer 1

Кажется, это невозможно.

Я не уверен, что jsdom предоставляет соответствующую версию window.getComputedStyle, но в любом случае пока нет способа проверить стили, основанные на псевдоклассе.jest как универсальный тестер и react-test-renderer, который "просто" компилирует JSX в HTMLElements, ничего не знает о псевдоклассе / состоянии при наведении.

См. Также https://stackoverflow.com/a/11495671/2071697, чтобы узнать, как вы можете самостоятельно проанализировать CSSнайти правило :hover (но я считаю, что это не эффективный способ составления модульных тестов)