0ct0pu5/ladybird
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

Tests/LibWeb: Add two tests for lh and rlh units

Browse source
This commit is contained in:
Simon Wanner 2023-03-17 23:27:15 +01:00 • committed by Andreas Kling
parent 554c4af90f
commit 482fa2d4e2
Notes: sideshowbarker 2024-07-17 05:18:58 +09:00
4 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
Tests/LibWeb/Layout/expected/lh-1.txt Normal file
View file

@ -0,0 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 children: not-inline
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
BlockContainer <div#a> at (8,8) content-size 100x100 children: not-inline
BlockContainer <div#b> at (8,8) content-size 100x100 children: inline
TextNode <#text>

6
Tests/LibWeb/Layout/expected/lh-2.txt Normal file
View file

@ -0,0 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 children: not-inline
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
BlockContainer <div#a> at (8,8) content-size 100x100 children: not-inline
BlockContainer <div#b> at (8,8) content-size 100x100 children: inline
TextNode <#text>

23
Tests/LibWeb/Layout/input/lh-1.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<head><style>
* {
font-family: SerenitySans;
}
:root {
font-size: 20px;
line-height: 2;
}
#a {
background-color: red;
width: 100px;
height: 100px;
}
#b {
background-color: green;
font-size: 50px;
line-height: 100%;
width: 2lh;
height: 2.5rlh;
}
</style>
<body><div id="a"><div id="b">

22
Tests/LibWeb/Layout/input/lh-2.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<head><style>
* {
font-family: SerenitySans;
}
:root {
font-size: 20px;
line-height: 2;
}
#a {
background-color: red;
width: 100px;
height: 100px;
}
#b {
background-color: green;
line-height: 50px;
width: 2lh;
height: 2.5rlh;
}
</style>
<body><div id="a"><div id="b">