1 files changed, 71 insertions, 0 deletions
diff --git a/testing/web-platform/tests/dom/events/scrolling/input-text-scroll-event-when-using-arrow-keys.html b/testing/web-platform/tests/dom/events/scrolling/input-text-scroll-event-when-using-arrow-keys.html
new file mode 100644
index 0000000000..f84e446527
--- /dev/null
+++ b/testing/web-platform/tests/dom/events/scrolling/input-text-scroll-event-when-using-arrow-keys.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html>
+<head>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+
+</head>
+<body onload=runTest()>
+    <p>Moving the cursor using the arrow keys into an
+        input element fires scroll events when text has to scroll into view.
+        Uses arrow keys to move forward and backwards in the input
+        element.</p>
+    <input type="text" style='width: 50px'
+    value="Fooooooooooooooooooooooooooooooooooooooooooooooooo"/>
+    <textarea rows="4" cols="4">
+        Fooooooooooooooooooooooooooooooooooooooooooooooooo
+    </textarea>
+
+    <script>
+      async function moveCursorRightInsideElement(element, value){
+          var arrowRight = '\uE014';
+          for(var i=0;i<value;i++){
+            await test_driver.send_keys(element, arrowRight);
+          }
+      }
+
+      function runTest(){
+          promise_test(async(t) => { return new Promise(async (resolve, reject) => {
+            var input = document.getElementsByTagName('input')[0];
+            function handleScroll(){
+              resolve("Scroll Event successfully fired!");
+            }
+            input.addEventListener('scroll', handleScroll, false);
+            // move cursor to the right until the text scrolls
+            while(input.scrollLeft === 0){
+              await moveCursorRightInsideElement(input, 1);
+            }
+            // if there is no scroll event fired then test will fail by timeout
+          })},
+             /*
+               Moving the cursor using the arrow keys into an input element
+               fires scroll events when text has to scroll into view.
+               Uses arrow keys to move right in the input element.
+             */
+           "Scroll event fired for <input> element.");
+
+          promise_test(async(t) => { return new Promise(async (resolve, reject) => {
+            var textarea = document.getElementsByTagName('textarea')[0];
+            function handleScroll(){
+              resolve("Scroll Event successfully fired!");
+            }
+            textarea.addEventListener('scroll', handleScroll, false);
+            // move cursor to the right until the text scrolls
+            while(textarea.scrollLeft === 0){
+              await moveCursorRightInsideElement(textarea, 1);
+            }
+            // if there is no scroll event fired then test will fail by timeout
+          })},
+             /*
+              Moving the cursor using the arrow keys into a textarea element
+              fires scroll events when text has to scroll into view.
+              Uses arrow keys to move right in the textarea element.
+            */
+              "Scroll event fired for <textarea> element.");
+      }
+    </script>
+</body>
+</html>