perf(component): add a benchmark that measures component creation with and without css files

Author: vsavkin

benchmark/web/view_factory/css1.css

@@ -0,0 +1 @@
+one{}

benchmark/web/view_factory/css2.css

@@ -0,0 +1 @@
+two{}

benchmark/web/view_factory/view_factory.dart

@@ -16,7 +16,9 @@ class ViewFactoryInvocaton {
   List<Node> elements;
 
   ViewFactoryInvocaton(String template) {
-    final injector = applicationFactory().run();
+    final m = new Module()..bind(ComponentWithCss)..bind(ComponentWithoutCss);
+
+    final injector = applicationFactory().addModule(m).run();
     final directiveMap = injector.get(DirectiveMap);
     final compiler = injector.get(Compiler);
 
@@ -59,13 +61,33 @@ final TEMPLATE_TEXT_WITH_NG_BINDING_3_TIMES = '<span>'
     '<span ng-if="1 != 2">right</span>'
     '</span>';
 
+final TEMPLATE_COMPONENT_NO_CSS = '<component-without-css></component-without-css>';
+
+final TEMPLATE_COMPONENT_WITH_CSS = '<component-with-css></component-with-css>';
+
+@Component(
+  selector: 'component-without-css',
+  template: 'empty'
+)
+class ComponentWithoutCss {
+}
+
+@Component(
+  selector: 'component-with-css',
+  template: 'empty',
+  cssUrl: const ['css1.css', 'css2.css']
+)
+class ComponentWithCss {
+}
 
 void main() {
   final templates = {
       "(text + ng-binding) * 3" : TEMPLATE_TEXT_WITH_NG_BINDING_3_TIMES,
       "text" : TEMPLATE_TEXT_NO_NG_BINDING,
       "text + ng-binding" : TEMPLATE_TEXT_WITH_NG_BINDING,
-      "ng-binding" : TEMPLATE_NO_TEXT_WITH_NG_BINDING
+      "ng-binding" : TEMPLATE_NO_TEXT_WITH_NG_BINDING,
+      "component without css" : TEMPLATE_COMPONENT_NO_CSS,
+      "component with css" : TEMPLATE_COMPONENT_WITH_CSS
   };
 
   final t = document.querySelector("#templates");