javascript - 测试 div 大小更改

Question

我正在尝试找到一种可行的方法来为反应项目中的大小观察器组件设置一些玩笑/酶测试。

目前，我正在查看包装器 div 的clientWidthandclientHeight以检查父级的大小更改。div 本身的样式被设置为填充其父框，没有多余的边框/空白，即宽度：100%，高度 100%，边距/填充 0px ... 等。

这让我想到了我的问题。什么是创建模拟/包装器来测试它的好方法？我不能直接更改clientWidth或clientHeight因为它们受到保护，并且由于我使用的是 jest/enzyme，因此对父 css 样式的修改不会像在浏览器中那样真正“流动”。我真的无法访问像 jquery 这样的东西来“作弊”所以......关于如何为此创建测试场景的任何建议？

标签： javascripttestingdomjestjsenzyme