Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(269)

Unified Diff: tools/telemetry/unittest_data/draggable.html

Issue 955653003: Adding Maps page to page_sets for telemetry. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@mousedrag2
Patch Set: Made changes. Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « tools/telemetry/telemetry/page/actions/drag_unittest.py ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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>
« no previous file with comments | « tools/telemetry/telemetry/page/actions/drag_unittest.py ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698