Add loading mobile story set

tools/perf/page_sets/loading_mobile.py

+# Copyright 2016 The Chromium Authors. All rights reserved.
+# Use of this source code is governed by a BSD-style license that can be
+# found in the LICENSE file.
+
+from page_sets import page_cycler_story
+from telemetry.page import cache_temperature as cache_temperature_module
+from telemetry.page import shared_page_state
+from telemetry import story
+
+
+class LoadingMobileStorySet(story.StorySet):
+
+  """ A collection of tests to measure loading performance of mobile sites.
+
+  Design doc: https://docs.google.com/document/d/1QKlZIoURAxZk-brrXsKYZl9O8ieqXht3ogeF9yLNFCI/edit
+  """
+
+  def __init__(self, cache_temperatures=None):
+    super(LoadingMobileStorySet, self).__init__(
+        archive_data_file='data/loading_mobile.json',
+        cloud_storage_bucket=story.PARTNER_BUCKET)
+
+    if cache_temperatures is None:
+      cache_temperatures = [cache_temperature_module.ANY]
+
+    self.AddStories(['global'], [
+      'https://www.google.com/search?q=flower#q=flower+delivery',
+      'https://www.youtube.com/watch?v=MU3YuvNRhVY',
+      # pylint: disable=line-too-long
+      'https://www.google.co.in/search?q=%E0%A4%AB%E0%A5%82%E0%A4%B2&rct=j#q=%E0%A4%AB%E0%A5%82%E0%A4%B2+%E0%A4%B5%E0%A4%BF%E0%A4%A4%E0%A4%B0%E0%A4%A3',
+      'https://www.google.com.br/search?q=flor#q=Entrega+de+flores&start=10',
+      # pylint: disable=line-too-long
+      'https://googleblog.blogspot.jp/2016/02/building-safer-web-for-everyone.html',

[nednguyen, 2016/10/03 14:42:22]

This page had "connection is not private" on my local nexus one.

[Kunihiko Sakamoto, 2016/10/07 07:21:37]

I couldn't resolve this :-(
Filed crbug.com/653775.

+      'https://www.google.co.id/#q=pengiriman+bunga',
+      'https://m.facebook.com/?soft=messages',
+      # pylint: disable=line-too-long
+      'http://g1.globo.com/politica/noticia/2016/02/maioria-do-stf-autoriza-fisco-obter-dados-bancarios-sem-decisao-judicial.html',
+      # pylint: disable=line-too-long
+      'https://m.baidu.com/s?word=%E9%B2%9C%E8%8A%B1%E9%80%9F%E9%80%92&oq=%E9%B2%9C%E8%8A%B1',
+      # pylint: disable=line-too-long
+      'http://news.yahoo.com/were-top-10-most-visited-us-national-parks-105323727.html',

[nednguyen, 2016/10/03 14:42:23]

the yahoo page's recording look a bit broken :-/

[Kunihiko Sakamoto, 2016/10/07 07:21:36]

Re-recorded.

+      'https://en.m.wikipedia.org/wiki/Solo_Foods',
+      # pylint: disable=line-too-long
+      'http://noticias.bol.uol.com.br/ultimas-noticias/brasil/2016/08/03/tufao-nida-nao-deixa-vitimas-mas-prejuizos-de-us-43-milhoes.htm',
+      # pylint: disable=line-too-long
+      'http://m.detik.com/finance/read/2016/02/19/151843/3146351/1034/ekspor-tambang-mentah-mau-dibuka-lagi-kalau-sudah-bangun-smelter-bagaimana',

[nednguyen, 2016/10/03 14:42:23]

m.detik.com also seems a bit broken

[Kunihiko Sakamoto, 2016/10/07 07:21:37]

This was because some stylesheets were blocked by ERR_INSECURE_RESPONSE.
Disabled for now.

+      'http://www.amazon.com/gp/aw/s/ref=is_s/189-8585431-1246432?k=shoes',
+      # pylint: disable=line-too-long
+      'http://m.tribunnews.com/superskor/2016/08/03/ribuan-polisi-dikerahkan-mengawal-bonek',
+      'http://xw.qq.com/news/20160803025029/NEW2016080302502901',
+      # pylint: disable=line-too-long
+      'http://m.kaskus.co.id/thread/57a03a3214088d91068b4567/inilah-akibat-bersikap-overprotektif-terhadap-anak/?ref=homelanding&med=hot_thread',
+      'http://www.dailymotion.com/video/x3d1kj5_fallout-4-review_videogames',
+      'https://mobile.twitter.com/scottjehl/status/760618697727803394',
+      'http://m.kapanlagi.com/lirik/artis/anji/kata_siapa/',
+      # pylint: disable=line-too-long
+      'http://olx.co.id/iklan/iphone-6s-64-rose-gold-warna-favorite-IDiSdm5.html#5310a118c3;promoted',
+      # pylint: disable=line-too-long
+      'http://enquiry.indianrail.gov.in/mntes/MntesServlet?action=MainMenu&subAction=excep&excpType=EC',
+    ], cache_temperatures)
+
+    self.AddStories(['pwa'], [
+      # pylint: disable=line-too-long
+      'https://www.flipkart.com/oricum-black-347-canvas-shoes/p/itmeeydsghphdwh9?pid=SHOEEYDSZ7KFHCFN&lid=LSTSHOEEYDSZ7KFHCFN9FHUEA',

[nednguyen, 2016/10/03 14:42:22]

flipkart somehow just show a giant blank area in the middle of the page :-/

[Kunihiko Sakamoto, 2016/10/07 07:21:37]

The item was no longer available, changed to another one.

+      'https://smp.suumo.jp/mansion/tokyo/sc_104/cond/?moreCond=1',
+      'https://airhorner.com',

[nednguyen, 2016/10/03 14:42:22]

airhoner shows "this site can't provide a secure connection"

[Kunihiko Sakamoto, 2016/10/07 07:21:37]

Disabled for now.

+      'https://guitar-tuner.appspot.com',
+      'https://busrouter.sg',

[nednguyen, 2016/10/03 14:42:23]

busrouter shows "this site can't provide a secure connection"

[Kunihiko Sakamoto, 2016/10/07 07:21:36]

Disabled for now.

+      'https://andreasbovens.github.io/inbox-attack/',
+      'https://voice-memos.appspot.com',
+      'https://wiki-offline.jakearchibald.com/',

[nednguyen, 2016/10/03 14:42:22]

wiki-offline shows "this site can't provide a secure connection.."

[Kunihiko Sakamoto, 2016/10/07 07:21:37]

Disabled for now.

+      'https://dev.opera.com/',
+      'https://www.pokedex.org/',
+      'https://2048-opera-pwa.surge.sh/',
+      'https://jakearchibald.github.io/trained-to-thrill/',
+      'https://townwork.net',
+      'https://flipboard.com/',

[nednguyen, 2016/10/03 14:42:22]

Should we use a flipboard leaf page instead? THe landing page only shows
"welcome to flipboard" which may not be that interesting

[Kunihiko Sakamoto, 2016/10/07 07:21:37]

Changed to use a topic page.

+    ], cache_temperatures)
+
+    self.AddStories(['tough_ttfmp'], [
+      'http://www.localmoxie.com',
+      'http://www.dawn.com',
+      'http://www.thairath.co.th',
+      'http://www.hashocean.com',
+      'http://www.163.com',
+    ], cache_temperatures)
+
+    self.AddStories(['easy_ttfmp'], [
+      'http://www.slideshare.net',
+      'http://www.bradesco.com.br',
+      'http://www.gsshop.com',
+      'http://www.sbs.co.kr',
+      'http://www.futura-sciences.com',
+    ], cache_temperatures)
+
+    self.AddStories(['tough_tti'], [
+      'http://www.thestar.com.my',
+      'http://www.58pic.com',
+      'http://www.hongkiat.com',
+      'http://www.ebs.in',
+      'http://www.ibicn.com',
+    ], cache_temperatures)
+
+    self.AddStories(['easy_tti'], [
+      'http://www.dramaq.com.tw',

[nednguyen, 2016/10/03 14:42:22]

dramaq shows 404 not found

[Kunihiko Sakamoto, 2016/10/07 07:21:36]

After re-recording on Android, these look good.

+      'http://www.locanto.in',

[nednguyen, 2016/10/03 14:42:22]

same for locanto

+      'http://www.francetvinfo.fr',

[nednguyen, 2016/10/03 14:42:22]

same here

+      'http://www.gfk.com',
+      'http://www.mlsmatrix.com'
+    ], cache_temperatures)
+
+  def AddStories(self, labels, urls, cache_temperatures):
+    for url in urls:
+      for temp in cache_temperatures:
+        self.AddStory(page_cycler_story.PageCyclerStory(url, self,
+            shared_page_state_class=shared_page_state.SharedMobilePageState,
+            cache_temperature=temp, labels=labels))