ladybird/Tests/LibWeb/Screenshot/input/css-background-repeat.html
Jelle Raaijmakers 59a867d3e3 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

39 lines
1.4 KiB
HTML

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