PERF SHERIFF: This CL changes the tough_energy_cases test.

Recorded additional tough_energy_cases.
Moved all test cases to codepen, so they're easy to edit and all http.

BUG= 386152

Review URL: https://codereview.chromium.org/506063002

Cr-Commit-Position: refs/heads/master@{#292989}

tools/perf/page_sets/data/tough_energy_cases.json

 {
     "description": "Describes the Web Page Replay archives for a page set. Don't edit by hand! Use record_wpr for updating.", 
     "archives": {
-        "tough_energy_cases_000.wpr": [
-            "https://mail.google.com/mail/"
+        "tough_energy_cases_001.wpr": [
+            "http://codepen.io/testificate364/debug/paJhg", 
+            "http://codepen.io/testificate364/debug/iwAfJ", 
+            "https://mail.google.com/mail/", 
+            "http://codepen.io/testificate364/debug/cFEaD", 
+            "http://codepen.io/testificate364/debug/DLbxg", 
+            "http://codepen.io/testificate364/debug/zcDdv", 
+            "http://codepen.io/testificate364/debug/HdIgr", 
+            "http://codepen.io/testificate364/debug/zhgBD", 
+            "http://codepen.io/testificate364/debug/EFceH", 
+            "http://codepen.io/testificate364/debug/pgBHu", 
+            "http://codepen.io/testificate364/debug/nrbDc", 
+            "http://codepen.io/testificate364/debug/lJAiH", 
+            "http://codepen.io/testificate364/debug/kFvpd", 
+            "http://codepen.io/testificate364/debug/lEhyw", 
+            "http://codepen.io/testificate364/debug/jetyn", 
+            "http://codepen.io/testificate364/debug/ckItK", 
+            "http://codepen.io/testificate364/debug/yaosK", 
+            "http://codepen.io/testificate364/debug/fhKCg", 
+            "http://codepen.io/testificate364/debug/Kvdxs", 
+            "http://codepen.io/testificate364/debug/eIutG"
         ]
     }
 }
\ No newline at end of file

tools/perf/page_sets/tough_energy_cases.py

@@ -11,16 +11,19 @@ class ToughEnergyCasesPage(page_module.Page):
     super(ToughEnergyCasesPage, self).__init__(url=url, page_set=page_set)
     self.credentials_path = 'data/credentials.json'
 
+class CodePenPage(ToughEnergyCasesPage):
 
-class GmailPage(ToughEnergyCasesPage):
+  def __init__(self, url, page_set):
+    super(CodePenPage, self).__init__(url, page_set)
+    self.credentials = 'codepen'
 
-  """ Why: productivity, top google properties """
 
-  def __init__(self, page_set):
-    super(GmailPage, self).__init__(
-      url='https://mail.google.com/mail/',
-      page_set=page_set)
+class GooglePage(ToughEnergyCasesPage):
 
+  def __init__(self, url, page_set):
+    super(GooglePage, self).__init__(
+        url=url,
+        page_set=page_set)
     self.credentials = 'google'
 
   def RunNavigateSteps(self, action_runner):
@@ -31,26 +34,89 @@ class GmailPage(ToughEnergyCasesPage):
 
 
 class ToughEnergyCasesPageSet(page_set_module.PageSet):
-
-  """ Pages for measuring Chrome power draw. """
+  """Pages for measuring Chrome power draw."""
 
   def __init__(self):
     super(ToughEnergyCasesPageSet, self).__init__(
-      archive_data_file='data/tough_energy_cases.json',
-      bucket=page_set_module.PUBLIC_BUCKET,
-      credentials_path='data/credentials.json')
-
-    # Why: Above the fold animated gif running in the background
-    self.AddPage(ToughEnergyCasesPage(
-      'file://tough_energy_cases/above-fold-animated-gif.html',
-      self))
-    # TODO(dominikg): fix crbug.com/386152
-    #self.AddPage(GmailPage(self))
-    # Why: Below the fold animated gif
-    self.AddPage(ToughEnergyCasesPage(
-      'file://tough_energy_cases/below-fold-animated-gif.html',
-      self))
-    # Why: Below the fold flash animation
-    self.AddPage(ToughEnergyCasesPage(
-      'file://tough_energy_cases/below-fold-flash.html',
-      self))
+        archive_data_file='data/tough_energy_cases.json',
+        bucket=page_set_module.PUBLIC_BUCKET,
+        credentials_path='data/credentials.json')
+
+    # Why: productivity, top google properties
+    self.AddPage(GooglePage('https://mail.google.com/mail/', self))
+
+    # Why: Image constantly changed in the background, above the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/eIutG', self))
+
+    # Why: Image constantly changed in the background, below the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/zcDdv', self))
+
+    # Why: CSS Animation, above the fold
+    self.AddPage(CodePenPage(
+         'http://codepen.io/testificate364/debug/nrbDc', self))
+
+    # Why: CSS Animation, below the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/fhKCg', self))
+
+    # Why: requestAnimationFrame, above the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/paJhg',self))
+
+    # Why: requestAnimationFrame, below the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/yaosK', self))
+
+    # Why: setTimeout animation, above the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/DLbxg', self))
+
+    # Why: setTimeout animation, below the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/kFvpd', self))
+
+    # Why: setInterval animation, above the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/lEhyw', self))
+
+    # Why: setInterval animation, below the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/zhgBD', self))
+
+    # Why: Animated GIF, above the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/jetyn', self))
+
+    # Why: Animated GIF, below the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/Kvdxs', self))
+
+    # Why: HTML5 video, above the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/lJAiH', self))
+
+    # Why: HTML5 video, below the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/EFceH', self))
+
+    # Why: PostMessage between frames, above the fold
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/pgBHu', self))
+
+    # Why: Asynchronous XHR continually running
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/iwAfJ', self))
+
+    # Why: Web Worker continually running
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/ckItK', self))
+
+    # Why: flash video
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/cFEaD', self))
+
+    # Why: Blank page in the foreground
+    self.AddPage(CodePenPage(
+        'http://codepen.io/testificate364/debug/HdIgr', self))