serenity/Tests/LibWeb/Ref/grid-items-painting-order.html
Sam Atkins 82ccc49b52 LibWeb: Adjust ref-tests to reduce flakiness
These two ref-tests involve two boxes positioned in the same place, with
outlines. Outlines always have a border-radius, meaning that the corner
pixels are not 100% opaque. (It seems to be 254 instead of 255.) With
the test files painting two outlines, and the ref test only painting
one, slight changes in the background color of the page would make that
slight variation visible sometimes. So, let's avoid that inconsistency
by always painting one outline instead of two.
2023-08-24 13:46:28 +01:00

13 lines
296 B
HTML

<!doctype html><style type="text/css">
body { display: grid; }
.foo {
grid-area: 1 / 1 / auto / auto;
background: pink;
}
.bar {
outline: 1px solid black;
grid-area: 1 / 1 / auto / auto;
background: orange;
}
</style><body><div class="foo">foo</div><div class="bar">bar</div>