Tests/LibWeb: Add layout test for float box with box-sizing=border-box

Adds a test for d6a31d80c0 that was
mistakenly ommited in the first place.
This commit is contained in:
Aliaksandr Kalenik 2024-09-18 15:06:44 +02:00 committed by Alexander Kalenik
parent d757c8b78d
commit e3e0041c7f
Notes: github-actions[bot] 2024-09-18 13:50:36 +00:00
2 changed files with 19 additions and 0 deletions

View file

@ -0,0 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x208 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div.box> at (108,108) content-size 100x0 floating [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x208]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 300x200]
PaintableWithLines (BlockContainer<DIV>.box) [8,8 300x200]

View file

@ -0,0 +1,10 @@
<!DOCTYPE html><style>
.box {
float: left;
width: 300px;
height: 200px;
padding: 100px;
background-color: magenta;
box-sizing: border-box;
}
</style><div class="box"></div>