Files
firefox/testing/web-platform/tests/css/css-transforms/transform-background-005.html
L. David Baron ed5e586f72 Bug 1733673 [wpt PR 31066] - Annotate CSS Transforms WPT reftests as fuzzy where needed., a=testonly
Automatic update from web-platform-tests
Annotate CSS Transforms WPT reftests as fuzzy where needed.

This annotation is done based on the results on wpt.fyi across browser
engines.  (I went through nearly all the reftest failures on the
experimental channel, although I sometimes skipped through groups of
failures when the group appeared to be all real failures and not fuzz.)

However, in the case of the svg-origin-length-{cm,px}* tests, instead
of annotating them, modify the references so that they don't need to
be annotated.

Bug: 1175179
Change-Id: I8eb48eeaec866bb311251981cd39b37973013092
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3199326
Commit-Queue: David Baron <[email protected]>
Reviewed-by: Philip Rogers <[email protected]>
Cr-Commit-Position: refs/heads/main@{#931810}

--

wpt-commits: 550a3b2b10e76a37ec67fab072c1cdb508632c38
wpt-pr: 31066
2021-10-28 03:19:45 +00:00

33 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): Transform of Background Image (non-propagated body)</title>
<link rel="author" title="Aryeh Gregor" href="mailto:[email protected]">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
<meta name="assert" content="Background images fall within the element's
border box, so they need to be transformed along with it. In this case the
scale is applied to the root element, and the background is on the body.
The white background on the root element prevents the body's background
from propagating to the canvas, so it's just a regular background.">
<meta name="flags" content="svg">
<link rel="match" href="transform-background-ref-2.html">
<meta name="fuzzy" content="maxDifference=0-3;totalPixels=0-12102">
<style>
html, body {
width: 100%;
height: 100%;
}
html {
background: white;
transform: scale(-1);
}
body {
background: url(support/transform-triangle-down.svg) bottom right;
margin: 0;
}
</style>
</head>
<body>
</body>
</html>