ladybird/Tests/LibWeb/Screenshot/input/text-decorations.html
Jelle Raaijmakers 59a867d3e3
Some checks are pending
CI / Linux, x86_64, Fuzzers, Clang (push) Waiting to run
CI / Linux, x86_64, Sanitizer, GNU (push) Waiting to run
CI / macOS, arm64, Sanitizer, Clang (push) Waiting to run
CI / Linux, x86_64, Sanitizer, Clang (push) Waiting to run
Package the js repl as a binary artifact / Linux, arm64 (push) Waiting to run
Package the js repl as a binary artifact / macOS, arm64 (push) Waiting to run
Package the js repl as a binary artifact / Linux, x86_64 (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
Tests: Enable all screenshot tests on all platforms
With the newly supported fuzzy matching in our test-web runner, we can
now define the expected maximum color channel and pixel count errors per
failing test and set a baseline they should not exceed.

The figures I added to these tests all come from my macOS M4 machine.
Most discrepancies seem to come from color calculations being slightly
off.
2025-07-17 12:59:11 +01:00

26 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="match" href="../expected/text-decorations-ref.html" />
<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>