Тест для псевдокласса с использованием 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, ничего не знает о псевдоклассе / состоянии наведения.

См. Также /questions/21062514/pochemu-getcomputedstyle-ne-rabotaet-s-psevdoklassami-takimi-kakhover/21062521#21062521, чтобы узнать, как вы можете самостоятельно проанализировать CSS, чтобы найти:hover правило (но я считаю, что это неэффективный способ составления модульных тестов)