mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-08-30 22:28:22 +00:00
Tests: Add tests that verify object-fit and -position with zoom
This commit is contained in:
parent
5cc9a5802d
commit
6a798732b9
Notes:
github-actions[bot]
2025-01-21 15:12:26 +00:00
Author: https://github.com/InvalidUsernameException
Commit: 6a798732b9
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/2982
Reviewed-by: https://github.com/AtkinsSJ
4 changed files with 176 additions and 0 deletions
41
Tests/LibWeb/Ref/input/object-fit-with-zoom-0.5.html
Normal file
41
Tests/LibWeb/Ref/input/object-fit-with-zoom-0.5.html
Normal file
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="match" href="../expected/object-fit-with-zoom-ref.html" />
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
div { clear: both; }
|
||||
.scale-down > img { object-fit: scale-down }
|
||||
|
||||
img {
|
||||
width: 256px;
|
||||
height: 256px;
|
||||
object-fit: none;
|
||||
image-rendering: crisp-edges;
|
||||
border: 8px solid black;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.offset {
|
||||
object-position: 32px 32px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAAQMAAADOtka5AAAABlBMVEUAAP8A/wDoRkJMAAAAlElEQVR42u3MoQ0AQAjAQPZfGvybDyEorrLiIocFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwDs+AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABsA90AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACcBwrJtKWSEyoL6AAAAABJRU5ErkJggg==" />
|
||||
<img class="offset" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACAAQMAAAD58POIAAAABlBMVEUAAP8A/wDoRkJMAAAAJklEQVRIx2P4jwYYRgVGBdAEGKBgVGBUYFRgVIBUgdHydFQAhwAABZj6TKPJLmoAAAAASUVORK5CYII=" />
|
||||
</div>
|
||||
<div class="scale-down">
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAAQMAAADOtka5AAAABlBMVEUAAP8A/wDoRkJMAAAAlElEQVR42u3MoQ0AQAjAQPZfGvybDyEorrLiIocFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwDs+AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABsA90AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACcBwrJtKWSEyoL6AAAAABJRU5ErkJggg==" />
|
||||
<img class="offset" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACAAQMAAAD58POIAAAABlBMVEUAAP8A/wDoRkJMAAAAJklEQVRIx2P4jwYYRgVGBdAEGKBgVGBUYFRgVIBUgdHydFQAhwAABZj6TKPJLmoAAAAASUVORK5CYII=" />
|
||||
</div>
|
||||
<script>
|
||||
if (window.internals) {
|
||||
window.internals.setBrowserZoom(0.5);
|
||||
} else {
|
||||
document.body.innerText = "This test requires access to the internals object. When opening it manually, please start Ladybird with the command line argument `--expose-internals-object`";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue