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

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

Issue 165673008: [telemetry] Implement first version of timeline based measurement (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: ready for landing Created 6 years, 10 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/core/timeline/model.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/interaction_enabled_page.html
diff --git a/tools/telemetry/unittest_data/interaction_enabled_page.html b/tools/telemetry/unittest_data/interaction_enabled_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..cadb1fa515537436574c5899e6aa7421cff66a36
--- /dev/null
+++ b/tools/telemetry/unittest_data/interaction_enabled_page.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html>
+ <head>
+ <style type="text/css">
+ body { height: 1500px; }
+ #center {
+ position: fixed;
+ left: 40%;;
+ width: 50%;
+ height: 250px;
+ top: 25%;
+ background-color: grey;
+ -webkit-transform: scale(0.25, 0.25);
+ -webkit-transition: -webkit-transform 1s;
+ }
+
+ #drawer {
+ position: fixed;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 120px;
+ background-color: red;
+ -webkit-transform: translate3d(-1000px, 0, 0);
+ -webkit-transition: -webkit-transform 1s;
+ }
+
+ </style>
+ <script>
+ 'use strict';
+ window.animationDone = false;
+ window.addEventListener('load', function() {
+ var centerEl = document.querySelector('#center');
+ centerEl.style.webkitTransform = 'scale(1.0, 1.0)';
+ console.time('Interaction.CenterAnimation/is_smooth');
+ centerEl.addEventListener('transitionend', function() {
+ console.timeEnd('Interaction.CenterAnimation/is_smooth');
+ var drawerEl = document.querySelector('#drawer');
+ drawerEl.style.webkitTransform = 'translate3D(0, 0, 0)';
+ console.time('Interaction.DrawerAnimation/is_smooth');
+ drawerEl.addEventListener('transitionend', function() {
+ console.timeEnd('Interaction.DrawerAnimation/is_smooth');
+ window.animationDone = true;
+ });
+ });
+ });
+ </script>
+ </head>
+ <body>
+ <div id="center">
+ This is something in the middle.
+ </div>
+ <div id="drawer">
+ This is a drawer.
+ </div>
+ </body>
+</html>
« no previous file with comments | « tools/telemetry/telemetry/core/timeline/model.py ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698