mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-28 02:27:19 +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
26 lines
1.0 KiB
HTML
26 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="fuzzy" content="maxDifference=0-2;totalPixels=0-1342">
|
|
<style>
|
|
.overline { text-decoration: wavy blue overline 2px; }
|
|
.underline { text-decoration: red underline double; }
|
|
.strikethrough { text-decoration: line-through dotted green 5px; }
|
|
.current-color { color: #8B4513; text-decoration: underline; }
|
|
.overboard { text-decoration: double overline underline line-through magenta; }
|
|
.spelling-error { text-decoration: spelling-error; }
|
|
.grammar-error { text-decoration: grammar-error; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p class="overline">Overline</p>
|
|
<p class="underline">Underline</p>
|
|
<p class="strikethrough">Wombling</p>
|
|
<p class="blink">FREE!</p>
|
|
<p class="current-color">This underline should match the text color</p>
|
|
<p class="overboard">This should have an underline, overline and line-through, all in glorious magenta.</p>
|
|
<p class="spelling-error">This should look like a spelling error.</p>
|
|
<p class="grammar-error">This should look like a grammar error.</p>
|
|
</body>
|
|
</html>
|