Tests/LibWeb: Add layout test for layout fix in PR #15780

Adds a layout test for the fix in 488a979.
This commit is contained in:
Luke Wilde 2023-03-28 18:45:36 +01:00 committed by Linus Groh
parent 5ccb240945
commit 4c090a9a35
2 changed files with 33 additions and 0 deletions

View file

@ -0,0 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x216 children: not-inline
BlockContainer <body> at (8,8) content-size 784x200 children: not-inline
BlockContainer <div#guide> at (8,8) content-size 200x200 children: not-inline
BlockContainer <div#container> at (18,18) content-size 0x0 positioned floating children: not-inline
BlockContainer <div#box> at (8,8) content-size 100x100 positioned children: not-inline

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html><head><style>
* {
font-family: 'SerenitySans';
}
#guide {
width: 200px;
height: 200px;
background-color: blue;
}
#container {
position: relative;
float: left;
padding: 10px;
}
#box {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
background-color: orange;
}
</style></head><body><div id="guide"><div id="container"><div id="box">