使用 Jest 和 React-test-renderer 测试伪 class
Test for pseudo class using Jest and React-test-renderer
我在 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 "just" 将 JSX 编译成 HTMLElements 对 pseudoclass/hover 状态一无所知。
另请参阅 了解如何自行解析 CSS 以找到 :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 "just" 将 JSX 编译成 HTMLElements 对 pseudoclass/hover 状态一无所知。
另请参阅 了解如何自行解析 CSS 以找到 :hover 规则的详细信息（但我认为这不是编写单元测试的有效方法）