src/tools/perf/page_sets/key_silk_cases.json

   1 {
   2   "description": "Pages hand-picked for project Silk.",
   3   "archive_data_file": "data/key_silk_cases.json",
   4   "credentials_path": "data/credentials.json",
   5   "user_agent_type": "mobile",
   6   "smoothness": { "action": "scroll" },
   7   "navigate_steps" : [
   8     { "action": "navigate" },
   9     { "action": "wait", "seconds": 2 }
  10   ],
  11   "pages": [
  12     {
  13       "url": "http://groupcloned.com/test/plain/list-recycle-transform.html",
  14       "why": "best case infinite scroll from sencha",
  15       "smoothness": {
  16         "action": "scroll",
  17         "scrollable_element_function": "function(callback) { callback(document.getElementById('scrollable')); }"
  18       }
  19     },
  20     {
  21       "url": "http://groupcloned.com/test/plain/list-animation-simple.html",
  22       "why": "lots of layers all animating",
  23       "smoothness": { "action": "wait", "seconds": 2 }
  24     },
  25     {
  26       "url": "http://www.polymer-project.org/polymer-all/labs/list/static-scroll-display.html",
  27       "why": "",
  28       "smoothness": {
  29         "action": "scroll",
  30         "scrollable_element_function": "function(callback) { callback(document.getElementById('list')); }"
  31       }
  32     },
  33     {
  34       "url": "http://www.polymer-project.org/polymer-all/labs/list/virtual-scroll-examples.html",
  35       "why": "",
  36       "smoothness": {
  37         "action": "scroll",
  38         "scrollable_element_function": "function(callback) { callback(document.getElementById('list')); }"
  39       }
  40     },
  41     {
  42       "url": "http://groupcloned.com/test/plain/sticky-using-webkit-backface-visibility.html",
  43       "why": "",
  44       "smoothness": {
  45         "action": "scroll",
  46         "scrollable_element_function": "function(callback) { callback(document.getElementById('container')); }"
  47       }
  48     },
  49     {
  50       "url": "http://pr.gg/scroll6_even_faster.html",
  51       "why": "reduced version of ui toolkit static scroll case",
  52       "smoothness": {
  53         "action": "scroll",
  54         "scrollable_element_function": "function(callback) { callback(document.getElementsByClassName('container')[0]); }"
  55       }
  56     },
  57     {
  58       "url": "http://jsfiddle.net/mdxJ7/3/embedded/result/",
  59       "why": "only the green div should repaint",
  60       "smoothness": { "action": "wait", "seconds": 3 }
  61     },
  62     {
  63       "url": "http://jsfiddle.net/3yDKh/1/embedded/result",
  64       "why": "only the red div should repaint",
  65       "smoothness": { "action": "wait", "seconds": 3 }
  66     },
  67     {
  68       "url": "http://jsfiddle.net/3yDKh/3/embedded/result",
  69       "why": "margin top animation",
  70       "smoothness": { "action": "wait", "seconds": 3 }
  71     },
  72     {
  73       "url": "http://jsfiddle.net/R8DX9/1/embedded/result/",
  74       "smoothness": { "action": "wait", "seconds": 3 }
  75     },
  76     {
  77       "url": "http://jsfiddle.net/rF9Gh/1/embedded/result/",
  78       "smoothness": { "action": "wait", "seconds": 3 }
  79     },
  80     {
  81       "url": "http://jsfiddle.net/uHqN9/embedded/result/",
  82       "smoothness": { "action": "wait", "seconds": 4 }
  83     },
  84     {
  85       "url": "http://jsfiddle.net/humper/yEX8u/3/embedded/result/",
  86       "smoothness": { "action": "wait", "seconds": 4 }
  87     },
  88     {
  89       "url": "http://jsfiddle.net/humper/cKB9D/3/embedded/result/",
  90       "smoothness": { "action": "wait", "seconds": 4 }
  91     },
  92     {
  93       "url": "http://jsfiddle.net/vBQHH/3/embedded/result/",
  94       "smoothness": { "action": "wait", "seconds": 4 }
  95     },
  96     {
  97       "url": "http://www.google.com/nexus/5/#/",
  98       "smoothness": { "action": "scroll" }
  99     },
 100     {
 101       "url": "https://play.google.com/store/devices/details/Nexus_5_16GB_White?id=nexus_5_white_16gb",
 102       "smoothness": {
 103         "action": "toggle",
 104         "repeat": 3
 105       },
 106       "toggle": [
 107         {
 108           "action": "click_element",
 109           "selector": ".details-info .play-button:not(.selected)"
 110         },
 111         { "action": "wait", "seconds": 2}
 112       ]
 113     },
 114     {
 115       "url": "http://jsfiddle.net/426x6/2/embedded/result",
 116       "smoothness": { "action": "wait", "seconds": 2 }
 117     },
 118     {
 119       "url": "http://jsfiddle.net/FtR7p/42/embedded/result/",
 120       "smoothness": { "action": "wait", "seconds": 5 }
 121     },
 122     {
 123       "url": "http://jsfiddle.net/ugkd4/9/embedded/result/",
 124       "smoothness": { "action": "wait", "seconds": 5 }
 125     },
 126     {
 127       "url": "file://key_silk_cases/text-mask.html",
 128       "smoothness": { "action": "wait", "seconds": 4 }
 129     },
 130     {
 131       "url": "file://key_silk_cases/rectangle_transition.html",
 132       "smoothness": { "action": "wait", "seconds": 5 }
 133     },
 134     {
 135       "url": "file://key_silk_cases/font_wipe.html",
 136       "smoothness": { "action": "wait", "seconds": 5 }
 137     },
 138     {
 139       "url": "file://key_silk_cases/inbox_app.html?swipe_to_dismiss",
 140       "navigate_steps" : [
 141         { "action": "navigate" },
 142         { "action": "wait", "seconds": 2 }
 143       ],
 144       "smoothness": {
 145         "action": "swipe_to_dismiss"
 146       },
 147       "swipe_to_dismiss": [
 148         {
 149           "action": "swipe",
 150           "element_function": "function(callback) { callback(document.getElementsByClassName('message')[2]); }",
 151           "distance": 200,
 152           "speed": 5000,
 153           "direction": "left",
 154           "left_start_percentage": 0.8,
 155           "top_start_percentage": 0.2,
 156           "wait_after": {
 157             "javascript": "document.getElementsByClassName('message').length < 18"
 158           }
 159         }
 160       ]
 161     },
 162     {
 163       "url": "file://key_silk_cases/inbox_app.html?stress_hidey_bars",
 164       "navigate_steps" : [
 165         { "action": "navigate" },
 166         { "action": "wait", "seconds": 2 }
 167       ],
 168       "smoothness": {
 169         "action": "stress_hidey_bars"
 170       },
 171       "stress_hidey_bars": [
 172         {
 173           "action": "scroll",
 174           "scrollable_element_function": "function(callback) { callback(document.getElementById('messages')); }",
 175           "direction": "down",
 176           "speed": 200
 177         },
 178         {
 179           "action": "scroll",
 180           "scrollable_element_function": "function(callback) { callback(document.getElementById('messages')); }",
 181           "direction": "up",
 182           "speed": 200
 183         },
 184         {
 185           "action": "scroll",
 186           "scrollable_element_function": "function(callback) { callback(document.getElementById('messages')); }",
 187           "direction": "down",
 188           "speed": 200
 189         }
 190       ]
 191     },
 192     {
 193       "url": "file://key_silk_cases/inbox_app.html?toggle_drawer",
 194       "navigate_steps" : [
 195         { "action": "navigate" },
 196         { "action": "wait", "seconds": 2 }
 197       ],
 198       "smoothness": {
 199         "action": "toggle_drawer",
 200         "repeat": 6
 201       },
 202       "toggle_drawer": [
 203         {
 204           "action": "click_element",
 205           "selector": "#menu-button"
 206         },
 207         { "action": "wait", "seconds": 1 }
 208       ]
 209     },
 210     {
 211       "url": "file://key_silk_cases/old_inbox_app.html?slide_drawer",
 212       "navigate_steps" : [
 213         { "action": "navigate" },
 214         { "action": "wait", "seconds": 2 }
 215       ],
 216       "smoothness": {
 217         "action": "slide_drawer"
 218       },
 219       "slide_drawer": [
 220         {
 221           "action": "swipe",
 222           "element_function": "function(callback) { callback(document.getElementById('content')); }",
 223           "distance": 200,
 224           "direction": "left",
 225           "left_start_percentage": 0.8,
 226           "top_start_percentage": 0.2,
 227           "wait_after": {
 228             "javascript": "!document.getElementById('nav-drawer').active"
 229           }
 230         }
 231       ]
 232     },
 233     {
 234       "url": "file://key_silk_cases/infinite_scrolling.html",
 235       "smoothness": {
 236         "action": "scroll",
 237         "scrollable_element_function": "function(callback) { callback(document.getElementById('container')); }",
 238         "speed": 5000
 239       }
 240     },
 241     {
 242       "disabled": "The page isn't scrollable on large screen sizes (e.g. tablets); crbug.com/333923",
 243       "url": "http://forecast.io?scroll",
 244       "navigate_steps": [
 245         { "action": "navigate" },
 246         { "action": "wait", "javascript": "document.getElementById('forecast').style['display'] != 'none'" },
 247         { "action": "wait", "seconds": 2 }
 248       ],
 249       "smoothness": {
 250         "action": "scroll_timeline"
 251       },
 252       "scroll_timeline": {
 253         "action": "scroll",
 254         "direction": "right",
 255         "scroll_requires_touch": "true",
 256         "scrollable_element_function": "function(callback) { callback(document.getElementsByClassName('scroll')[0]); }"
 257       }
 258     },
 259     {
 260       "url": "http://forecast.io?swipe",
 261       "navigate_steps": [
 262         { "action": "navigate" },
 263         { "action": "wait", "javascript": "document.getElementById('forecast').style['display'] != 'none'" },
 264         { "action": "wait", "seconds": 2 }
 265       ],
 266       "smoothness": {
 267         "action": "slide_next_7_days"
 268       },
 269       "slide_next_7_days": {
 270         "action": "swipe",
 271         "direction": "up",
 272         "distance": 200,
 273         "wait_after": { "javascript": "document.getElementsByClassName('grippy')[0].getBoundingClientRect().top == 12" }
 274       }
 275     },
 276     {
 277       "url": "http://forecast.io?tap",
 278       "disabled": "Synthetic swipe not supported on reference builds. Can be re-enabled after reference build roll",
 279       "navigate_steps" : [
 280         { "action": "navigate" },
 281         { "action": "wait", "javascript": "document.getElementById('forecast').style['display'] != 'none'" },
 282         { "action": "wait", "seconds": 2 },
 283         { "action": "slide_next_7_days" }
 284       ],
 285       "smoothness": {
 286         "action": "tap_day"
 287       },
 288       "slide_next_7_days" : {
 289         "action": "swipe",
 290         "direction": "up",
 291         "distance": 200,
 292         "wait_after": { "javascript": "document.getElementsByClassName('grippy')[0].getBoundingClientRect().top == 12" }
 293       },
 294       "tap_day": {
 295         "action": "tap",
 296         "element_function": "function(callback) { callback(document.getElementsByClassName('day')[2]); }",
 297         "wait_after": { "javascript": "document.getElementById('day_timeline').style['display'] == 'block'" }
 298       }
 299     },
 300     {
 301       "url": "http://www.google.com/#q=google",
 302       "navigate_steps" : [
 303         { "action": "navigate" },
 304         { "action": "wait", "seconds": 3 },
 305         { "action": "scroll_knowledge_card_to_top" }
 306       ],
 307       "smoothness": {
 308         "action": "expand_knowledge_card"
 309       },
 310       "scroll_knowledge_card_to_top": {
 311         "action": "scroll",
 312         "_comment": "scroll until the knowledge card is at the top",
 313         "scroll_distance_function": "function() { return document.getElementById('kno-result').getBoundingClientRect().top - document.body.scrollTop; }"
 314       },
 315       "expand_knowledge_card": {
 316         "action": "tap",
 317         "_comment": "expand card",
 318         "element_function": "function(callback) { callback(document.getElementsByClassName('vk_arc')[0]); }",
 319         "wait_after": { "seconds": 2 }
 320       }
 321     },
 322     {
 323       "url": "http://pr.gg/scroll6.html",
 324       "navigate_steps" : [
 325         { "action": "navigate" },
 326         { "action": "wait", "seconds": 1 }
 327       ],
 328       "smoothness": {
 329         "action": "scroll",
 330         "scrollable_element_function": "function(callback) { callback(document.getElementsByClassName('container')[0]); }"
 331       }
 332     },
 333     {
 334       "disabled": "Times out on Windows; crbug.com/338838",
 335       "url": "http://plus.google.com/app/basic/stream",
 336       "credentials": "google",
 337       "navigate_steps" : [
 338         { "action": "navigate" },
 339         { "action": "wait", "javascript": "document.getElementsByClassName('fHa').length > 0" },
 340         { "action": "wait", "seconds": 2 }
 341       ],
 342       "smoothness": {
 343         "action": "scroll",
 344         "scrollable_element_function": "function(callback) { callback(document.getElementById('mainContent')); }"
 345       }
 346     },
 347     {
 348       "url": "http://jsbin.com/UVIgUTa/6/quiet",
 349       "smoothness": {
 350         "action": "scroll",
 351         "scroll_requires_touch": true,
 352         "direction": "down",
 353         "scroll_distance_function": "function() { return window.innerHeight / 2; }",
 354         "wait_after": { "seconds": 1 }
 355       }
 356     },
 357     {
 358       "url": "http://mobile-news.sandbox.google.com/news/pt1",
 359       "why": "Google News: accelerated scrolling version",
 360       "navigate_steps" : [
 361         { "action": "navigate" },
 362         { "action": "wait", "seconds": 10 }
 363       ]
 364     },
 365     {
 366       "url": "http://mobile-news.sandbox.google.com/news/pt0?scroll",
 367       "why": "Google News: this iOS version is slower than accelerated scrolling",
 368       "navigate_steps": [
 369         { "action": "navigate" },
 370         { "action": "wait", "javascript": "document.getElementById(':h') != null" },
 371         { "action": "wait", "seconds": 1 }
 372       ],
 373       "smoothness": {
 374         "action": "scroll",
 375         "scroll_requires_touch": true,
 376         "scrollable_element_function": "function(callback) { callback(document.getElementById(':5')); }",
 377         "scroll_distance_function": "function() { return 2500; }"
 378       }
 379     },
 380     {
 381       "url": "http://mobile-news.sandbox.google.com/news/pt0?swipe",
 382       "navigate_steps": [
 383         { "action": "navigate" },
 384         { "action": "wait", "javascript": "document.getElementById(':h') != null" },
 385         { "action": "wait", "seconds": 1 }
 386       ],
 387       "smoothness": {
 388         "action": "swipe",
 389         "direction": "left",
 390         "distance": 100,
 391         "element_function": "function(callback) { callback(document.getElementById(':f')); }",
 392         "wait_after": { "seconds": 1 }
 393       }
 394     },
 395     {
 396       "url": "http://s.codepen.io/befamous/fullpage/pFsqb?scroll",
 397       "why": "famo.us twitter demo",
 398       "navigate_steps" : [
 399         { "action": "navigate" },
 400         { "action": "wait", "javascript": "document.getElementsByClassName('tweet').length > 0" },
 401         { "action": "wait", "seconds": 1 }
 402       ],
 403       "smoothness": {
 404         "action": "scroll",
 405         "scroll_distance_function": "function() { return 5000; }"
 406       }
 407     },
 408     {
 409       "disabled": "Android Chrome freezes; crbug.com/335772",
 410       "url": "http://s.codepen.io/befamous/fullpage/pFsqb?flip",
 411       "why": "famo.us twitter demo",
 412       "navigate_steps" : [
 413         { "action": "navigate" },
 414         { "action": "wait", "javascript": "document.getElementsByClassName('tweet').length > 0" }
 415       ],
 416       "smoothness": {
 417         "action": "tap",
 418         "element_function": "function(callback) { callback(document.getElementsByClassName('navigation')[2]); }",
 419         "wait_after": { "javascript": "document.getElementsByClassName('header')[0].getBoundingClientRect().top == 0" }
 420       }
 421     },
 422     {
 423       "disabled": "Android Chrome freezes; crbug.com/335772",
 424       "url": "http://s.codepen.io/befamous/fullpage/kbxnH?scroll",
 425       "why": "famo.us lightbox demo",
 426       "smoothness": {
 427         "action": "scroll",
 428         "scrollable_element_function": "function(callback) { callback(document.getElementsByClassName('container')[0]); }"
 429       }
 430     },
 431     {
 432       "disabled": "Android Chrome freezes; crbug.com/335772",
 433       "url": "http://s.codepen.io/befamous/fullpage/kbxnH?select",
 434       "why": "famo.us lightbox demo",
 435       "smoothness": {
 436         "action": "tap",
 437         "element_function": "function(callback) { callback(document.getElementsByClassName('surface')[2]); }",
 438         "_comment": "The wait_after condition is split into a condition for phones and portrait tablets, and one for landscape tablets",
 439         "wait_after": { "javascript": "document.getElementsByClassName('surface')[1].getBoundingClientRect().left == 860 || Math.abs(document.getElementsByClassName('lightbox-title')[0].getBoundingClientRect().left - 907.77) < 0.1" }
 440       }
 441     },
 442     {
 443       "url": "http://famo.us?scroll",
 444       "disabled": "Times out",
 445       "navigate_steps": [
 446         { "action": "navigate" },
 447         { "action": "wait", "seconds": 2 },
 448         { "action": "close_signup_box" }
 449       ],
 450       "smoothness": {
 451         "action": "scroll",
 452         "direction": "right",
 453         "scroll_distance_function": "function() { return 5000; }"
 454       },
 455       "close_signup_box": {
 456         "action": "tap",
 457         "element_function": "function(callback) { callback(document.getElementsByClassName('signup-hide')[0]); }",
 458         "wait_after": { "javascript": "document.getElementsByClassName('signup-hide')[0].getBoundingClientRect().left < 0" }
 459       }
 460     },
 461     {
 462       "url": "http://famo.us?tap",
 463       "disabled": "Times out",
 464       "navigate_steps": [
 465         { "action": "navigate" },
 466         { "action": "wait", "seconds": 2 },
 467         { "action": "close_signup_box" }
 468       ],
 469       "smoothness": {
 470         "action": "tap",
 471         "element_function": "function(callback) { callback(document.getElementsByClassName('periodic-item')[47]); }",
 472         "wait_after": { "seconds": 3 }
 473       },
 474       "close_signup_box": {
 475         "action": "tap",
 476         "element_function": "function(callback) { callback(document.getElementsByClassName('signup-hide')[0]); }",
 477         "wait_after": { "javascript": "document.getElementsByClassName('signup-hide')[0].getBoundingClientRect().left < 0" }
 478       }
 479     }
 480   ]
 481 }