mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 18:17:22 +02:00
d2528dd5ce
Instead of rendering a reference HTML page that wraps an <img> tag pointing to a PNG, Screenshot tests now load the expected PNG directly from disk and compare it against the rendered screenshot. This eliminates the indirection of loading and rendering a second page just to display a static image. This also means --rebaseline now works for Screenshot tests, generating the expected PNG automatically instead of requiring manual screenshot capture and placement. Changes: - Add TestMode::Screenshot with its own collector and runner - Move PNGs from Screenshot/images/ to Screenshot/expected/ with normalized names matching input filenames - Remove all 92 reference HTML wrapper files and the images/ directory - Remove <link rel="match"> from all 94 Screenshot input HTML files - Update add_libweb_test.py Screenshot boilerplate accordingly - Add Screenshot mode to results viewer image comparison tabs
39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-8">
|
|
<style>
|
|
body {
|
|
background: cyan;
|
|
}
|
|
iframe {
|
|
width: 200px;
|
|
height: 200px;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
.background {
|
|
background: white url(../data/smiley.png);
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<iframe src="../data/background-repeat.html"></iframe>
|
|
<iframe src="../data/background-repeat-x.html"></iframe>
|
|
<iframe src="../data/background-no-repeat.html"></iframe>
|
|
<iframe src="../data/background-repeat-y.html"></iframe>
|
|
|
|
<div class="background" style="background-repeat: repeat"></div>
|
|
<div class="background" style="background-repeat: repeat-x"></div>
|
|
<div class="background" style="background-repeat: no-repeat"></div>
|
|
<div class="background" style="background-repeat: repeat-y"></div>
|
|
<div class="background" style="background-repeat: repeat repeat"></div>
|
|
<div class="background" style="background-repeat: repeat no-repeat"></div>
|
|
<div class="background" style="background-repeat: no-repeat no-repeat"></div>
|
|
<div class="background" style="background-repeat: no-repeat repeat"></div>
|
|
</body>
|
|
</html>
|