aboutsummaryrefslogtreecommitdiff
path: root/catapult/telemetry/telemetry/internal/testing/page_with_swipeables.html
diff options
context:
space:
mode:
Diffstat (limited to 'catapult/telemetry/telemetry/internal/testing/page_with_swipeables.html')
-rw-r--r--catapult/telemetry/telemetry/internal/testing/page_with_swipeables.html53
1 files changed, 53 insertions, 0 deletions
diff --git a/catapult/telemetry/telemetry/internal/testing/page_with_swipeables.html b/catapult/telemetry/telemetry/internal/testing/page_with_swipeables.html
new file mode 100644
index 00000000..8844bb91
--- /dev/null
+++ b/catapult/telemetry/telemetry/internal/testing/page_with_swipeables.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.swipeable {
+ overflow: scroll;
+ height: 200px;
+ width: 200px;
+}
+.left-right-item,
+.top-bottom-item {
+ height: 100px;
+ width: 100px;
+}
+.left-right-item {
+ display: inline-block;
+}
+.red-bg {
+ background-color: red;
+}
+.blue-bg {
+ background-color: blue;
+}
+.tall-and-wide {
+ background-color: grey;
+ height: 5000px;
+ width: 5000px;
+}
+</style>
+</head>
+<body>
+
+<div id="left-right" class="swipeable">
+ <div style="width: 1000px;">
+ <div class="left-right-item red-bg">Test</div>
+ <div class="left-right-item blue-bg">Test</div>
+ <div class="left-right-item red-bg">Test</div>
+ <div class="left-right-item blue-bg">Test</div>
+ </div>
+</div>
+
+<div id="top-bottom" class="swipeable">
+ <div class="top-bottom-item red-bg">Test</div>
+ <div class="top-bottom-item blue-bg">Test</div>
+ <div class="top-bottom-item red-bg">Test</div>
+ <div class="top-bottom-item blue-bg">Test</div>
+</div>
+
+<div class="tall-and-wide"></div>
+
+<div id="off-screen"></div>
+</body>
+</html>