1 files changed, 58 insertions, 0 deletions
diff --git a/mobile/android/geckoview/src/androidTest/assets/www/touch.html b/mobile/android/geckoview/src/androidTest/assets/www/touch.html
new file mode 100644
index 0000000000..ba3bc098a9
--- /dev/null
+++ b/mobile/android/geckoview/src/androidTest/assets/www/touch.html
@@ -0,0 +1,58 @@
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="height=device-height,width=device-width,initial-scale=1.0"
+    />
+    <style type="text/css">
+      body {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0px;
+        /* background contains one extra transparent.gif because we want trick the
+      contentful paint detection; We want to make sure the background is loaded
+      before the test starts so we always wait for the contentful paint timestamp
+      to exist, however, gradient isn't considered as contentful per spec, so Gecko
+      wouldn't generate a timestamp for it. Hence, we added a transparent gif
+      to the image list to trick the detection. */
+        background: url("/assets/www/transparent.gif"),
+          linear-gradient(135deg, red, white);
+      }
+
+      #one {
+        background-color: red;
+        width: 100%;
+        height: 33%;
+      }
+
+      #two {
+        background-color: green;
+        width: 100%;
+        height: 33%;
+      }
+
+      #three {
+        background-color: blue;
+        width: 100%;
+        height: 33%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="one"></div>
+    <div id="two"></div>
+    <div id="three"></div>
+    <script>
+      document.getElementById("two").addEventListener("touchstart", e => {
+        console.log("preventing default");
+        e.preventDefault();
+      });
+
+      document.getElementById("three").addEventListener("touchstart", e => {
+        console.log("not preventing default");
+      });
+    </script>
+  </body>
+</html>