Add support for codepen to form_based_credentials_background

tools/perf/page_sets/tough_energy_cases.py

Index: tools/perf/page_sets/tough_energy_cases.py
diff --git a/tools/perf/page_sets/tough_energy_cases.py b/tools/perf/page_sets/tough_energy_cases.py
index be073cc12b132194d2822c353b2952e4e2601534..29d611d9de02355519e091be8f99bbeaa7f6ff51 100644
--- a/tools/perf/page_sets/tough_energy_cases.py
+++ b/tools/perf/page_sets/tough_energy_cases.py
@@ -12,6 +12,13 @@ class ToughEnergyCasesPage(page_module.Page):
     self.credentials_path = 'data/credentials.json'
 
 
+class CodePenPage(ToughEnergyCasesPage):
+
+  def __init__(self, url, page_set):
+    super(CodePenPage, self).__init__(url, page_set)
+    self.credentials = 'codepen'
+
+
 class GmailPage(ToughEnergyCasesPage):
 
   """ Why: productivity, top google properties """
@@ -40,17 +47,81 @@ class ToughEnergyCasesPageSet(page_set_module.PageSet):
       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
+    # TODO(sullivan): uncomment this when Google login works properly.
     #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))
+
+    # 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))