1 files changed, 59 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-backgrounds/background-attachment-local-block-002.html b/testing/web-platform/tests/css/css-backgrounds/background-attachment-local-block-002.html
new file mode 100644
index 0000000000..edaabd175e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/background-attachment-local-block-002.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+
+ <html class="reftest-wait">
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds and Borders Test: 'background-attachment: local' applied on a block element</title>
+
+  <!--
+
+  Created: November 25th 2023
+
+  Last modified: December 17th 2023
+
+  -->
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#background-attachment">
+  <link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-window-scroll">
+  <link rel="match" href="reference/background-attachment-local-block-002-ref.html">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta name="assert" content="This test checks the interaction between a block element with a 'background-attachment: local' background-image and the expected behavior of the scroll() method which applies to the viewport window.">
+
+  <style>
+  body
+    {
+      color: transparent;
+      font-family: Ahem;
+      font-size: 50vh;
+      height: 50vh;
+      line-height: 2;
+      margin: 0px;
+    }
+
+  div#test-passed
+    {
+      background-attachment: local;
+      background-image: linear-gradient(to bottom, blue 25%, orange 25% 50%, lime 50% 75%, purple 75% 100%);
+    }
+  </style>
+
+  <script>
+
+  document.documentElement.addEventListener("TestRendered", () => {
+    window.scroll(0, document.body.offsetHeight);
+    document.documentElement.classList.remove('reftest-wait');
+  });
+
+  </script>
+
+  <div>F</div>
+
+  <!--
+  Having more than 1 character may trigger
+  unneedlessly an horizontal scrollbar
+  -->
+
+  <div id="test-passed">P</div>