Add SVG icon example to key_silk_cases

tools/perf/page_sets/key_silk_cases.py

Index: tools/perf/page_sets/key_silk_cases.py
diff --git a/tools/perf/page_sets/key_silk_cases.py b/tools/perf/page_sets/key_silk_cases.py
index 7ed1a72099061783111e1ef1abc1b4402fbcf2fb..ee8dff61346a95bc0e47d91acac29c2fe6cf371a 100644
--- a/tools/perf/page_sets/key_silk_cases.py
+++ b/tools/perf/page_sets/key_silk_cases.py
@@ -564,6 +564,31 @@ class Page26(KeySilkCasesPage):
     interaction.End()
 
 
+class Page27(KeySilkCasesPage):

[dtu, 2014/07/07 22:51:52]

nit: think we'd like to start giving these useful names.

[wiltzius, 2014/07/08 04:20:56]

Done.

+
+  """ Why: Mutating SVG icons; these paint storm and paint slowly. """
+
+  def __init__(self, page_set):
+    super(Page27, self).__init__(
+      url='http://wiltzius.github.io/shape-shifter/',
+      page_set=page_set)
+
+  def RunNavigateSteps(self, action_runner):
+    action_runner.NavigateToPage(self)
+    action_runner.WaitForJavaScriptCondition(
+        'loaded = true')
+    action_runner.Wait(1)
+
+  def RunSmoothness(self, action_runner):
+    for i in range(9):

[nednguyen, 2014/07/07 18:10:01]

nit: maybe xrange(9) instead? 

[wiltzius, 2014/07/08 04:20:56]

Done.

+      button_func = ('document.getElementById("demo").$.'
+                     'buttons.children[%d]') % i
+      interaction = action_runner.BeginInteraction(
+            'Action_TapAction', is_smooth=True)
+      action_runner.TapElement(element_function=button_func)
+      action_runner.Wait(1)

[nduca, 2014/07/07 17:12:35]

it'd be awesome if, on all the demos that use webanim, we can use
WaitForJavascriptExpression(...) so that we dont have hard coded waits... i get
that this isn't that case so ~shrug~ lgtm

[wiltzius, 2014/07/08 04:20:56]

Will do for future examples. This one doesn't use WebAnim; I tried retrofitting
transitionEnd events onto it and it works, but it ends up being a bunch of code
that's more fragile (since you're carefully counting events) than just waiting
for the transition.

+      interaction.End()
+
 class KeySilkCasesPageSet(page_set_module.PageSet):
 
   """ Pages hand-picked for project Silk. """
@@ -601,3 +626,4 @@ class KeySilkCasesPageSet(page_set_module.PageSet):
     self.AddPage(Page24(self))
     self.AddPage(Page25(self))
     self.AddPage(Page26(self))
+    self.AddPage(Page27(self))