css - 测试折叠的浮动

Question

您如何测试折叠的浮动，其中容器元素不会扩展以容纳浮动元素，例如浮动 css 之后的 Div 折叠。

可以通过向容器添加 css overflow:auto 属性来修复折叠的浮动。但是，如果在以后的编辑中意外删除了溢出声明，则网页（或如果容器用于许多页面，则为许多页面）可能变得不可读。

鉴于折叠浮动不是 CSS 错误并且不会更改页面上的文本，您如何编写 rspec 测试来检测是否发生了这种折叠？

Answer 1

如果您有在元素内浮动的项目，那么您需要在最后清除浮动。

.clearFloat {
    clear:both;
}

这是一个显示我在说什么的小提琴：http: //jsfiddle.net/fishgraphics/gMr9m/

Answer 2

如果您使用的是 capybara，那么如果折叠的浮动覆盖了测试中需要的元素，那么您将无法单击隐藏的元素。

所以好消息是，如果折叠的浮动影响功能，你的测试应该把它捡起来。如果它只是影响网站的外观，那么你不会。但是话又说回来，哪个优秀的开发人员会关心没有功能的美学呢？:)。