1 files changed, 39 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-view-transitions/iframe-new-has-scrollbar.html b/testing/web-platform/tests/css/css-view-transitions/iframe-new-has-scrollbar.html
new file mode 100644
index 0000000000..37a300902a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-view-transitions/iframe-new-has-scrollbar.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<head>
+  <title>View transitions: iframe transition to scrollbar</title>
+  <link rel="help" href="https://github.com/WICG/view-transitions">
+  <link rel="author" href="mailto:bokan@chromium.org">
+  <link rel="match" href="iframe-new-has-scrollbar-ref.html">
+  <meta name=fuzzy content="iframe-new-has-scrollbar-ref.html:0-80;0-500">
+  <script src="/common/reftest-wait.js"></script>
+  <style>
+    iframe {
+      width: 50vw;
+      height: 50vh;
+    }
+  </style>
+  <script>
+    failIfNot(document.startViewTransition, "Missing document.startViewTransition");
+
+    onload = () => {
+      requestAnimationFrame(()=>{requestAnimationFrame(()=> {
+        frames[0].window.startTransition();
+        frames[0].window.transition.ready.then(() => {
+          requestAnimationFrame(()=>{requestAnimationFrame(()=> {
+            // Expect that the scrollbar should appear immediately, even though
+            // the new snapshot isn't visible (since the scrollbar isn't part
+            // of the snapshot).
+            takeScreenshot();
+          })});
+        });
+      })});
+    }
+  </script>
+</head>
+
+<body>
+  <iframe src="support/iframe-scrollbar-child.html">
+  </iframe>
+</body>
+</html>