From 957e2bfc5460622ee3e2d322771be6fa1e1eef93 Mon Sep 17 00:00:00 2001
From: Alfonso Presa <alfonso.presa@gmail.com>
Date: Sat, 4 Jul 2015 16:29:30 +0200
Subject: [PATCH] fix(tests): Error setting style property of DOM element

Fixes the following error in e2e tests: "Cannot set property style of
\#<HTMLElement> which has only a getter".
---
 .../benchmarks/src/naive_infinite_scroll/cells.ts  | 14 +++++++-------
 .../src/naive_infinite_scroll/scroll_area.ts       |  2 +-
 .../src/naive_infinite_scroll/scroll_item.ts       |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/modules/benchmarks/src/naive_infinite_scroll/cells.ts b/modules/benchmarks/src/naive_infinite_scroll/cells.ts
index 57a605ed289a2b..4718ae6169922c 100644
--- a/modules/benchmarks/src/naive_infinite_scroll/cells.ts
+++ b/modules/benchmarks/src/naive_infinite_scroll/cells.ts
@@ -13,19 +13,19 @@ export class HasStyle {
 }
 
 @Component({selector: 'company-name', properties: ['width: cell-width', 'company']})
-@View({directives: [], template: `<div [style]="style">{{company.name}}</div>`})
+@View({directives: [], template: `<div ng-style="style">{{company.name}}</div>`})
 export class CompanyNameComponent extends HasStyle {
   company: Company;
 }
 
 @Component({selector: 'opportunity-name', properties: ['width: cell-width', 'opportunity']})
-@View({directives: [], template: `<div [style]="style">{{opportunity.name}}</div>`})
+@View({directives: [], template: `<div ng-style="style">{{opportunity.name}}</div>`})
 export class OpportunityNameComponent extends HasStyle {
   opportunity: Opportunity;
 }
 
 @Component({selector: 'offering-name', properties: ['width: cell-width', 'offering']})
-@View({directives: [], template: `<div [style]="style">{{offering.name}}</div>`})
+@View({directives: [], template: `<div ng-style="style">{{offering.name}}</div>`})
 export class OfferingNameComponent extends HasStyle {
   offering: Offering;
 }
@@ -41,10 +41,10 @@ export class Stage {
 @View({
   directives: [NgFor],
   template: `
-      <div [style]="style">
+      <div ng-style="style">
           <button template="ng-for #stage of stages"
                   [disabled]="stage.isDisabled"
-                  [style]="stage.style"
+                  ng-style="stage.style"
                   on-click="setStage(stage)">
             {{stage.name}}
           </button>
@@ -88,7 +88,7 @@ export class StageButtonsComponent extends HasStyle {
 @View({
   directives: [],
   template: `
-      <div [style]="style">
+      <div ng-style="style">
         <a href="/account/{{account.accountId}}">
           {{account.accountId}}
         </a>
@@ -99,7 +99,7 @@ export class AccountCellComponent extends HasStyle {
 }
 
 @Component({selector: 'formatted-cell', properties: ['width: cell-width', 'value']})
-@View({directives: [], template: `<div [style]="style">{{formattedValue}}</div>`})
+@View({directives: [], template: `<div ng-style="style">{{formattedValue}}</div>`})
 export class FormattedCellComponent extends HasStyle {
   formattedValue: string;
 
diff --git a/modules/benchmarks/src/naive_infinite_scroll/scroll_area.ts b/modules/benchmarks/src/naive_infinite_scroll/scroll_area.ts
index 92ba8a52052460..0019fdee917ae1 100644
--- a/modules/benchmarks/src/naive_infinite_scroll/scroll_area.ts
+++ b/modules/benchmarks/src/naive_infinite_scroll/scroll_area.ts
@@ -24,7 +24,7 @@ import {NgFor} from 'angular2/directives';
   template: `
     <div>
         <div id="scrollDiv"
-             [style]="scrollDivStyle"
+             ng-style="scrollDivStyle"
              on-scroll="onScroll($event)">
             <div id="padding"></div>
             <div id="inner">
diff --git a/modules/benchmarks/src/naive_infinite_scroll/scroll_item.ts b/modules/benchmarks/src/naive_infinite_scroll/scroll_item.ts
index 2615bc03e64c4b..0f84d55ed78a31 100644
--- a/modules/benchmarks/src/naive_infinite_scroll/scroll_item.ts
+++ b/modules/benchmarks/src/naive_infinite_scroll/scroll_item.ts
@@ -37,7 +37,7 @@ import {
     FormattedCellComponent
   ],
   template: `
-    <div class="row" [style]="itemStyle">
+    <div class="row" ng-style="itemStyle">
         <company-name [company]="offering.company"
                       [cell-width]="companyNameWidth">
         </company-name>