mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-22 16:09:23 +00:00
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
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.
49 lines
1.1 KiB
HTML
49 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Text-Shadow</title>
|
|
<link rel="match" href="../expected/text-shadow-ref.html" />
|
|
<meta name="fuzzy" content="maxDifference=0-2;totalPixels=0-4066">
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
font: 20px SerenitySans;
|
|
}
|
|
|
|
.box {
|
|
border: 1px solid black;
|
|
height: 150px;
|
|
width: 150px;
|
|
margin: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h2>Simple</h2>
|
|
<div class="box" style="text-shadow: 25px 50px blue">
|
|
<p>text-shadow: 25px 50px blue</p>
|
|
</div>
|
|
|
|
<h2>Blur</h2>
|
|
<div class="box" style="text-shadow: magenta 0 0 3px">
|
|
<p>text-shadow: magenta 0 0 3px</p>
|
|
</div>
|
|
|
|
<h2>Multiple</h2>
|
|
<div class="box" style="text-shadow: 4px 4px blue, 8px 8px green, 12px 12px yellow">
|
|
<p>text-shadow: 4px 4px blue, 8px 8px green, 12px 12px yellow</p>
|
|
</div>
|
|
|
|
<h2>Spread</h2>
|
|
<div class="box" style="text-shadow: 0 0 0 5px magenta">
|
|
<p>text-shadow: 0 0 0 5px magenta</p>
|
|
</div>
|
|
|
|
<h2>Spread and blur</h2>
|
|
<div class="box" style="text-shadow: 0 0 10px 5px magenta">
|
|
<p>text-shadow: 0 0 10px 5px magenta</p>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|