mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-02 15:46:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

Tests: Add tests that verify object-fit and -position with zoom

Browse source
This commit is contained in:
InvalidUsernameException 2024-12-23 22:43:12 +01:00 • committed by Alexander Kalenik
commit 6a798732b9
Notes: github-actions[bot] 2025-01-21 15:12:26 +00:00
4 changed files with 176 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

53
Tests/LibWeb/Ref/expected/object-fit-with-zoom-ref.html Normal file
View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<style>
body { margin: 0; }
.row { clear: both; }
.container {
width: 128px;
height: 128px;
border: 4px solid black;
float: left;
}
.blue { background-color: #00f; }
.green { background-color: #0f0; }
.full {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.center-half {
position: relative;
left: 25%;
top: 25%;
width: 50%;
height: 50%;
}
.offset-half {
position: relative;
left: 12.5%;
top: 12.5%;
width: 50%;
height: 50%;
}
</style>
</head>
<body>
<div class="row">
<div class="container"><div class="blue full"></div></div>
<div class="container"><div class="green offset-half"><div class="blue center-half"></div></div></div>
</div>
<div class="row">
<div class="container"><div class="green full"><div class="blue center-half"></div></div></div>
<div class="container"><div class="green offset-half"><div class="blue center-half"></div></div></div>
</div>
</body>
</html>