Index: tools/telemetry/unittest_data/draggable.html |
diff --git a/tools/telemetry/unittest_data/draggable.html b/tools/telemetry/unittest_data/draggable.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8af37bac3294760612dc0e83748cce55959d8e5e |
--- /dev/null |
+++ b/tools/telemetry/unittest_data/draggable.html |
@@ -0,0 +1,52 @@ |
+<html> |
+ <head> |
+ <style> |
+ body { margin: 0; } |
+ #drag_div { |
+ width: 100%; |
+ height: 100%; |
+ background: blue; |
+ position: relative; |
+ } |
+ </style> |
+ <script> |
+ offsetX = 0; |
+ offsetY = 0; |
+ |
+ function drag(event) { |
+ d = document.getElementById('drag_div'); |
+ offsetX = event.clientX - d.offsetLeft; |
+ offsetY = event.clientY - d.offsetTop; |
+ } |
+ |
+ function drop(event) { |
+ d = document.getElementById('drag_div'); |
+ d.style.left = event.clientX - offsetX; |
+ d.style.top = event.clientY - offsetY; |
+ } |
+ |
+ function touchStart(event) { |
+ d = document.getElementById('drag_div'); |
+ offsetX = event.touches[0].clientX - d.offsetLeft; |
+ offsetY = event.touches[0].clientY - d.offsetTop; |
+ } |
+ |
+ function touchEnd(event) { |
+ d = document.getElementById('drag_div'); |
+ d.style.left = event.changedTouches[0].clientX - offsetX; |
+ d.style.top = event.changedTouches[0].clientY - offsetY; |
+ } |
+ |
+ </script> |
+ </head> |
+ |
+ <body id ="body"> |
+ <div id="drag_div"> </div> |
+ </body> |
+ <script> |
+ document.getElementById('body').addEventListener('mouseup', drop); |
+ document.getElementById('body').addEventListener('touchend', touchEnd); |
+ document.getElementById('drag_div').addEventListener('mousedown', drag); |
+ document.getElementById('drag_div').addEventListener('touchstart', touchStart); |
+ </script> |
+</html> |