fune/testing/web-platform/tests/css/css-transforms/transform-fixed-bg-006.html
L. David Baron 38ee56a199 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 <dbaron@chromium.org>
Reviewed-by: Philip Rogers <pdr@chromium.org>
Cr-Commit-Position: refs/heads/main@{#931810}

--

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

40 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): Fixed Background (transform of intermediate)</title>
<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="author" title="Google" href="http://www.google.com/">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-rendering">
<meta name="assert" content='"Fixed backgrounds on the root element are
affected by any transform specified for that element. For all other
elements that are effected by a transform (i.e. have a transform applied
to them, or to any of their ancestor elements), a value of fixed for the
background-attachment property is treated as if it had a value of scroll."
This tests that adding a rotation to a non-root element doesn&apos;t
change rendering of fixed backgrounds on its descendants relative to what
they would be if background-attachment: scroll.'>
<meta name="flags" content="svg">
<link rel="match" href="transform-fixed-bg-ref.html">
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-200">
<style>
body {
margin: 0;
transform: rotate(90deg);
transform-origin: 100px 100px;
overflow: hidden;
}
div {
background: url(support/transform-triangle-down.svg) fixed;
width: 100px;
height: 100px;
position: relative;
left: 50px;
top: 50px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>