Attachment 362987 Details for Bug 195050 – Patch

[patch] Patch

bug-195050-20190226170812.patch (text/plain), 48.12 KB, created by Frédéric Wang Nélar on 2019-02-26 08:08:13 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Frédéric Wang Nélar

Created: 2019-02-26 08:08:13 PST

Size: 48.12 KB

patch

obsolete

>Subversion Revision: 242085
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index 48521618766e7c43557f9c1434e3dc80d5a11489..869af785f9b5e73c5efc74f5efa0af0878def716 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,43 @@
>+2019-02-26  Frederic Wang  <fwang@igalia.com>
>+
>+        Split tests programmatic-scroll-iframe and scroll-iframe
>+        https://bugs.webkit.org/show_bug.cgi?id=195050
>+
>+        This patch splits some iOS frame scrolling tests into separate tests in order to make debugging
>+        and test expectations easier to manage.
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * fast/scrolling/ios/programmatic-scroll-iframe-001-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-001.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-002-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-002.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-003-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-003.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-004-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-004.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-005-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-005.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-006-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-006.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-007-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-007.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-008-expected.html: Copied from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-008.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-009-expected.html: Renamed from LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html.
>+        * fast/scrolling/ios/programmatic-scroll-iframe-009.html: Added.
>+        * fast/scrolling/ios/programmatic-scroll-iframe.html: Removed.
>+        * fast/scrolling/ios/scroll-iframe-001-expected.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-001.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-002-expected.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-002.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-003-expected.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-003.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-004-expected.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-004.html: Added.
>+        * fast/scrolling/ios/scroll-iframe-expected.html: Removed.
>+        * fast/scrolling/ios/scroll-iframe.html: Removed.
>+
> 2019-02-26  Frederic Wang  <fwang@igalia.com>
> 
>         Export MathML fraction tests to WPT
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-001-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-001-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-001.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..b8ae61595d0f7c4d3214359d5237e4b5307a66f5
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-001.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling to the location of the green square.
>+            document.getElementById("doNotScroll").contentWindow.window.scrollTo(0, 0);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="doNotScroll" style="left: 0px; top: 0px;" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='position: absolute; width: 100px; height: 100px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-002-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-002-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-002-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-002.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-002.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6bd1ca84fce9893d5d606e59fc11d35bedb66d1b
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-002.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling to the location of the green square.
>+            document.getElementById("maxScrollX").contentWindow.window.scrollTo(100, 0);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="maxScrollX" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='left: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-003-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-003-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-003-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-003.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-003.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..755f391077b048afce1e3ede60708f3d516c9df9
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-003.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling to the location of the green square.
>+            document.getElementById("maxScrollY").contentWindow.window.scrollTo(0, 100);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="maxScrollY" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-004-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-004-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-004-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-004.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-004.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..937e24007ef13fb658f53e996ca3aa60db34219d
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-004.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling to the location of the green square.
>+            document.getElementById("maxScrollXY").contentWindow.window.scrollTo(100, 100);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="maxScrollXY" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='left: 100px; top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-005-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-005-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-005-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-005.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-005.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..9a43acc5281258274f3c13ae6db6c95cd5bfe0f6
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-005.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling to the location of the green square.
>+            document.getElementById("scrollMiddle").contentWindow.window.scrollTo(50, 50);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="scrollMiddle" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='left: 50px; top: 50px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-006-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-006-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-006-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-006.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-006.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..36bc470822b18ccea70d1f88006383fe87a54259
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-006.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling outside the limit of the frame.
>+            document.getElementById("scrollBelowXLimit").contentWindow.window.scrollBy(-100, 0);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="scrollBelowXLimit" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-007-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-007-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-007-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-007.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-007.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..04c956774b76cb044ce6d967f497dac78c2efe59
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-007.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling outside the limit of the frame.
>+            document.getElementById("scrollAboveXLimit").contentWindow.window.scrollBy(200, 0);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="scrollAboveXLimit" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-008-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-008-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-008-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-008.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-008.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..9a74720ade77fead29d81a7ef44ebd308b75e145
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-008.html
>@@ -0,0 +1,48 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling outside the limit of the frame.
>+            document.getElementById("scrollBelowYLimit").contentWindow.window.scrollBy(0, -100);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+
>+        var frameToLoadCount = 9;
>+        function newFrameLoaded() {
>+            frameToLoadCount--;
>+            if (frameToLoadCount == 0)
>+                runTest();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="scrollBelowYLimit" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-009-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-009-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..302b2a334a2596a8916b366f537820c4c0259cab
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-009-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-009.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-009.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..fbe1508397ac1f40103d4d4c7f8dda1730b3754e
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-009.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Programmatic scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script>
>+        if (window.testRunner)
>+            testRunner.waitUntilDone();
>+        if (window.internals)
>+            internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+        function runTest() {
>+            // This checks scrolling outside the limit of the frame.
>+            document.getElementById("scrollAboveYLimit").contentWindow.window.scrollBy(0, 200);
>+
>+            if (window.testRunner)
>+                testRunner.notifyDone();
>+        }
>+     </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+            overflow: none;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div style="position: absolute; top: 3em; width: 100px; height: 100px; background: green;">
>+        <iframe id="scrollAboveYLimit" scrolling="yes" srcdoc="
>+            <body style='margin: 0; width: 200px; height: 200px'>
>+                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>+            </body>" onload="runTest()">
>+        </iframe>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html
>deleted file mode 100644
>index 5ed9ae29cf6d9a349eb6166352c573b186063695..0000000000000000000000000000000000000000
>--- a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe-expected.html
>+++ /dev/null
>@@ -1,12 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-  <head>
>-    <title>Programmatic scrolling of iframe</title>
>-    <meta name="viewport" content="width=device-width, initial-scale=1">
>-  </head>
>-  <body>
>-    <p>This test passes if you see a green rectangle.</p>
>-    <div style="position: absolute; top: 3em; width: 300px; height: 400px; background: green;">
>-    </div>
>-  </body>
>-</html>
>diff --git a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe.html b/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe.html
>deleted file mode 100644
>index af8582f868a8d3a3f8d730bc4538bdd2ee1af968..0000000000000000000000000000000000000000
>--- a/LayoutTests/fast/scrolling/ios/programmatic-scroll-iframe.html
>+++ /dev/null
>@@ -1,98 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-  <head>
>-    <title>Programmatic scrolling of iframe</title>
>-    <meta name="viewport" content="width=device-width, initial-scale=1">
>-    <script>
>-        if (window.testRunner)
>-            testRunner.waitUntilDone();
>-        if (window.internals)
>-            internals.settings.setAsyncFrameScrollingEnabled(true);
>-
>-        function runTest() {
>-            // This checks scrolling to the location of the green square.
>-            document.getElementById("doNotScroll").contentWindow.window.scrollTo(0, 0);
>-            document.getElementById("maxScrollX").contentWindow.window.scrollTo(100, 0);
>-            document.getElementById("maxScrollY").contentWindow.window.scrollTo(0, 100);
>-            document.getElementById("maxScrollXY").contentWindow.window.scrollTo(100, 100);
>-            document.getElementById("scrollMiddle").contentWindow.window.scrollTo(50, 50);
>-
>-            // This checks scrolling outside the limit of the frame.
>-            document.getElementById("scrollBelowXLimit").contentWindow.window.scrollBy(-100, 0);
>-            document.getElementById("scrollAboveXLimit").contentWindow.window.scrollBy(200, 0);
>-            document.getElementById("scrollBelowYLimit").contentWindow.window.scrollBy(0, -100);
>-            document.getElementById("scrollAboveYLimit").contentWindow.window.scrollBy(0, 200);
>-
>-            if (window.testRunner)
>-                testRunner.notifyDone();
>-        }
>-
>-        var frameToLoadCount = 9;
>-        function newFrameLoaded() {
>-            frameToLoadCount--;
>-            if (frameToLoadCount == 0)
>-                runTest();
>-        }
>-     </script>
>-    <style>
>-        iframe {
>-            float: left;
>-            background: linear-gradient(135deg, red, orange);
>-            border: 0;
>-            height: 100px;
>-            width: 100px;
>-            overflow: none;
>-        }
>-    </style>
>-  </head>
>-  <body>
>-    <p>This test passes if you see a green rectangle.</p>
>-    <div style="position: absolute; top: 3em; width: 300px; height: 400px; background: green;">
>-        <iframe id="doNotScroll" style="left: 0px; top: 0px;" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="maxScrollX" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='left: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="maxScrollY" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="maxScrollXY" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='left: 100px; top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="scrollMiddle" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='left: 50px; top: 50px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="scrollBelowXLimit" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="scrollAboveXLimit" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="scrollBelowYLimit" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="scrollAboveYLimit" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='position: absolute; width: 200px; height: 200px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-    </div>
>-  </body>
>-</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-001-expected.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4137dda50c3c0318eda050218fb831d7fa92e0d8
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-001-expected.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <style>
>+      .testdiv {
>+          float: left;
>+          background: green;
>+          border: 0;
>+          height: 100px;
>+          width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div class="testdiv"></div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-001.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..91c404801d9fb40eaabb37da183c213f02c1c162
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-001.html
>@@ -0,0 +1,50 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script src="../../../resources/basic-gestures.js"></script>
>+    <script type="text/javascript">
>+      if (window.testRunner)
>+          testRunner.waitUntilDone();
>+      if (window.internals)
>+          internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+      function centerOf(id)
>+      {
>+          var frameBox = document.getElementById(id).getBoundingClientRect();
>+          return { x: frameBox.left + frameBox.width / 2, y: frameBox.top + frameBox.height / 2 };
>+      }
>+
>+      async function runTest() {
>+         if (!window.testRunner || !testRunner.runUIScript)
>+             return;
>+
>+         // This checks scrolling to the location of the green square.
>+         var c = centerOf("maxScrollX");
>+         await touchAndDragFromPointToPoint(c.x, c.y, c.x - 150, c.y);
>+         await liftUpAtPoint(c.x - 150, c.y);
>+
>+         // Wait for scrolling to stabilize and for scrollbars to disappear.
>+         setTimeout(() => {testRunner.notifyDone(); }, 1000);
>+       }
>+    </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square.</p>
>+    <iframe id="maxScrollX" scrolling="yes" srcdoc="
>+        <body style='margin: 0; width: 200px; height: 200px'>
>+            <div style='left: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>+        </body>" onload="runTest()">
>+    </iframe>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-002-expected.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-002-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4137dda50c3c0318eda050218fb831d7fa92e0d8
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-002-expected.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <style>
>+      .testdiv {
>+          float: left;
>+          background: green;
>+          border: 0;
>+          height: 100px;
>+          width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div class="testdiv"></div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-002.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-002.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..a532f6e4ec0592091ed2b43e82f378ec932d88af
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-002.html
>@@ -0,0 +1,50 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script src="../../../resources/basic-gestures.js"></script>
>+    <script type="text/javascript">
>+      if (window.testRunner)
>+          testRunner.waitUntilDone();
>+      if (window.internals)
>+          internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+      function centerOf(id)
>+      {
>+          var frameBox = document.getElementById(id).getBoundingClientRect();
>+          return { x: frameBox.left + frameBox.width / 2, y: frameBox.top + frameBox.height / 2 };
>+      }
>+
>+      async function runTest() {
>+         if (!window.testRunner || !testRunner.runUIScript)
>+             return;
>+
>+         // This checks scrolling to the location of the green square.
>+         var c = centerOf("maxScrollY");
>+         await touchAndDragFromPointToPoint(c.x, c.y, c.x, c.y - 150);
>+         await liftUpAtPoint(c.x, c.y - 150);
>+ 
>+         // Wait for scrolling to stabilize and for scrollbars to disappear.
>+         setTimeout(() => {testRunner.notifyDone(); }, 1000);
>+       }
>+    </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square.</p>
>+    <iframe id="maxScrollY" scrolling="yes" srcdoc="
>+        <body style='margin: 0; width: 200px; height: 200px'>
>+            <div style='top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>+        </body>" onload="runTest()">
>+    </iframe>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-003-expected.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-003-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4137dda50c3c0318eda050218fb831d7fa92e0d8
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-003-expected.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <style>
>+      .testdiv {
>+          float: left;
>+          background: green;
>+          border: 0;
>+          height: 100px;
>+          width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div class="testdiv"></div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-003.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-003.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..1d18813d3ed851469014037c720f254b2a5b401f
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-003.html
>@@ -0,0 +1,50 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script src="../../../resources/basic-gestures.js"></script>
>+    <script type="text/javascript">
>+      if (window.testRunner)
>+          testRunner.waitUntilDone();
>+      if (window.internals)
>+          internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+      function centerOf(id)
>+      {
>+          var frameBox = document.getElementById(id).getBoundingClientRect();
>+          return { x: frameBox.left + frameBox.width / 2, y: frameBox.top + frameBox.height / 2 };
>+      }
>+
>+      async function runTest() {
>+         if (!window.testRunner || !testRunner.runUIScript)
>+             return;
>+
>+         // This checks scrolling to the location of the green square.
>+         var c = centerOf("maxScrollXY");
>+         await touchAndDragFromPointToPoint(c.x, c.y, c.x - 150, c.y - 150);
>+         await liftUpAtPoint(c.x - 150, c.y - 150);
>+
>+         // Wait for scrolling to stabilize and for scrollbars to disappear.
>+         setTimeout(() => {testRunner.notifyDone(); }, 1000);
>+       }
>+    </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square.</p>
>+    <iframe id="maxScrollXY" scrolling="yes" srcdoc="
>+        <body style='margin: 0; width: 200px; height: 200px'>
>+            <div style='left: 100px; top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>+        </body>" onload="runTest()">
>+    </iframe>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-004-expected.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-004-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4137dda50c3c0318eda050218fb831d7fa92e0d8
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-004-expected.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <style>
>+      .testdiv {
>+          float: left;
>+          background: green;
>+          border: 0;
>+          height: 100px;
>+          width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green rectangle.</p>
>+    <div class="testdiv"></div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-004.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-004.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4a68eeac10e6dce39d6a41f9c48a8b86c22139b8
>--- /dev/null
>+++ b/LayoutTests/fast/scrolling/ios/scroll-iframe-004.html
>@@ -0,0 +1,54 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <title>Scrolling of iframe</title>
>+    <meta name="viewport" content="width=device-width, initial-scale=1">
>+    <script src="../../../resources/basic-gestures.js"></script>
>+    <script type="text/javascript">
>+      if (window.testRunner)
>+          testRunner.waitUntilDone();
>+      if (window.internals)
>+          internals.settings.setAsyncFrameScrollingEnabled(true);
>+
>+      function centerOf(id)
>+      {
>+          var frameBox = document.getElementById(id).getBoundingClientRect();
>+          return { x: frameBox.left + frameBox.width / 2, y: frameBox.top + frameBox.height / 2 };
>+      }
>+
>+      async function runTest() {
>+         if (!window.testRunner || !testRunner.runUIScript)
>+             return;
>+
>+         // This checks scrolling to the location of the green square.
>+         var c = centerOf("largeContent");
>+         await touchAndDragFromPointToPoint(c.x, c.y, c.x, c.y - 2000);
>+         await liftUpAtPoint(c.x, c.y - 2000);
>+
>+         // Wait for scrolling to stabilize and for scrollbars to disappear.
>+         setTimeout(() => {testRunner.notifyDone(); }, 2000);
>+       }
>+    </script>
>+    <style>
>+        iframe {
>+            float: left;
>+            background: linear-gradient(135deg, red, orange);
>+            border: 0;
>+            height: 100px;
>+            width: 100px;
>+        }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square.</p>
>+    <iframe id="largeContent" scrolling="yes" srcdoc="
>+        <body style='margin: 0;'>
>+        <div style='width: 100px; height: 500px; background: red;'></div>
>+        <div style='width: 100px; height: 500px; background: blue;'></div>
>+        <div style='width: 100px; height: 500px; background: red;'></div>
>+        <div style='width: 100px; height: 500px; background: blue;'></div>
>+        <div style='width: 100px; height: 500px; background: green;'></div>
>+        </body>" onload="runTest()">
>+    </iframe>
>+  </body>
>+</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe-expected.html b/LayoutTests/fast/scrolling/ios/scroll-iframe-expected.html
>deleted file mode 100644
>index d7f646a3f5362cf4de8c1c14e512c724a69118d9..0000000000000000000000000000000000000000
>--- a/LayoutTests/fast/scrolling/ios/scroll-iframe-expected.html
>+++ /dev/null
>@@ -1,24 +0,0 @@
>-<!DOCTYPE html>
>-<html
>-  <head>
>-    <title>Scrolling of iframe</title>
>-    <style>
>-        .testdiv {
>-            float: left;
>-            background: green;
>-            border: 0;
>-            height: 100px;
>-            width: 100px;
>-        }
>-    </style>
>-  </head>
>-  <body>
>-    <p>This test passes if you see a green rectangle.</p>
>-    <div style="width:300px">
>-        <div class=testdiv></div>
>-        <div class=testdiv></div>
>-        <div class=testdiv></div>
>-        <div class=testdiv></div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/fast/scrolling/ios/scroll-iframe.html b/LayoutTests/fast/scrolling/ios/scroll-iframe.html
>deleted file mode 100644
>index 3b1e33cd673919a80ceabcee3e956dab5cce0499..0000000000000000000000000000000000000000
>--- a/LayoutTests/fast/scrolling/ios/scroll-iframe.html
>+++ /dev/null
>@@ -1,90 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-  <head>
>-    <title>Scrolling of iframe</title>
>-    <meta name="viewport" content="width=device-width, initial-scale=1">
>-    <script src="../../../resources/basic-gestures.js"></script>
>-    <script type="text/javascript">
>-        if (window.testRunner)
>-            testRunner.waitUntilDone();
>-        if (window.internals)
>-            internals.settings.setAsyncFrameScrollingEnabled(true);
>-
>-      function centerOf(id)
>-      {
>-          var frameBox = document.getElementById(id).getBoundingClientRect();
>-          return { x: frameBox.left + frameBox.width / 2, y: frameBox.top + frameBox.height / 2 };
>-      }
>-
>-      async function runTest() {
>-         if (!window.testRunner || !testRunner.runUIScript)
>-             return;
>-
>-         // This checks scrolling to the location of the green square.
>-         var c = centerOf("maxScrollX");
>-         await touchAndDragFromPointToPoint(c.x, c.y, c.x - 150, c.y);
>-         await liftUpAtPoint(c.x - 150, c.y);
>-
>-         c = centerOf("maxScrollY");
>-         await touchAndDragFromPointToPoint(c.x, c.y, c.x, c.y - 150);
>-         await liftUpAtPoint(c.x, c.y - 150);
>-         
>-         c = centerOf("maxScrollXY");
>-         await touchAndDragFromPointToPoint(c.x, c.y, c.x - 150, c.y - 150);
>-         await liftUpAtPoint(c.x - 150, c.y - 150);
>-
>-         c = centerOf("largeContent");
>-         await touchAndDragFromPointToPoint(c.x, c.y, c.x, c.y - 2000);
>-         await liftUpAtPoint(c.x, c.y - 2000);
>-
>-         // Wait for scrolling to stabilize and for scrollbars to disappear.
>-         setTimeout(() => {testRunner.notifyDone(); }, 2000);
>-       }
>-
>-       var frameToLoadCount = 4;
>-       function newFrameLoaded() {
>-           frameToLoadCount--;
>-           if (frameToLoadCount == 0)
>-               runTest();
>-       }
>-    </script>
>-    <style>
>-        iframe {
>-            float: left;
>-            background: linear-gradient(135deg, red, orange);
>-            border: 0;
>-            height: 100px;
>-            width: 100px;
>-        }
>-    </style>
>-  </head>
>-  <body>
>-    <p>This test passes if you see a green rectangle.</p>
>-    <div style="width:300px">
>-        <iframe id="maxScrollX" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='left: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="maxScrollY" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="maxScrollXY" scrolling="yes" srcdoc="
>-            <body style='margin: 0; width: 200px; height: 200px'>
>-                <div style='left: 100px; top: 100px; position: absolute; width: 100px; height: 100px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-        <iframe id="largeContent" scrolling="yes" srcdoc="
>-            <body style='margin: 0;'>
>-            <div style='width: 100px; height: 500px; background: red;'></div>
>-            <div style='width: 100px; height: 500px; background: blue;'></div>
>-            <div style='width: 100px; height: 500px; background: red;'></div>
>-            <div style='width: 100px; height: 500px; background: blue;'></div>
>-            <div style='width: 100px; height: 500px; background: green;'></div>
>-            </body>" onload="newFrameLoaded()">
>-        </iframe>
>-    </div>
>-</body>
>-</html>

Actions: View | Formatted Diff | Diff

Attachments on bug 195050: 362987 | 362989