commit 72303db75b1f096ce509e8b0494ecea2b193f457 parent e19af023a8a4fcf27f5ad45e13ee032b3fdc914c Author: Vladimir Levin <vmpstr@chromium.org> Date: Sat, 22 Nov 2025 21:13:39 +0000 Bug 2001694 [wpt PR 56197] - ScopedVT: Update the rotation test and mark it as passing, a=testonly Automatic update from web-platform-tests ScopedVT: Update the rotation test and mark it as passing This patch changes the rotation test a bit: * don't clip path * add fuzziness match for the edges mismatch And marks this as passing. R=skobes@chromium.org, kevers@chromium.org Fixed: 456208218 Change-Id: Ibf0df5f4b63ea03d386d55c95248bcceeff5a851 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7187481 Commit-Queue: Vladimir Levin <vmpstr@chromium.org> Reviewed-by: Steve Kobes <skobes@chromium.org> Reviewed-by: Kevin Ellis <kevers@chromium.org> Cr-Commit-Position: refs/heads/main@{#1548697} -- wpt-commits: c3e2c704fc37bb6e69c6d2b646b775f4e97c4991 wpt-pr: 56197 Diffstat:
2 files changed, 6 insertions(+), 13 deletions(-)
diff --git a/testing/web-platform/tests/css/css-view-transitions/scoped/rotation-on-scoped-element-ref.html b/testing/web-platform/tests/css/css-view-transitions/scoped/rotation-on-scoped-element-ref.html @@ -5,23 +5,15 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> - #container { - position: relative; - width: 200px; - height: 200px; - margin: 100px; - transform: rotate(45deg); - } #target { + background-color: green; + transform: rotate(45deg); width: 200px; height: 200px; - background-color: purple; - clip-path: circle(50% at 0% 0%); + margin: 100px; } </style> <body> - <div id="container"> - <div id="target"></div> - </div> + <div id="target"></div> </body> </html> diff --git a/testing/web-platform/tests/css/css-view-transitions/scoped/rotation-on-scoped-element.html b/testing/web-platform/tests/css/css-view-transitions/scoped/rotation-on-scoped-element.html @@ -5,6 +5,7 @@ <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> <link rel="match" href="rotation-on-scoped-element-ref.html"> <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="fuzzy" content="maxDifference=0-150;totalPixels=0-2000"> </head> <style> #target { @@ -15,7 +16,7 @@ margin: 100px; } #target.updated { - clip-path: circle(50% at 0% 0%); + background: green; } </style> <body>