feat(debug): collect styles and classes for the DebugElement

modules/@angular/core/src/debug/debug_node.ts

@@ -56,6 +56,8 @@ export class DebugElement extends DebugNode {
   name: string;
   properties: {[key: string]: any};
   attributes: {[key: string]: string};
+  classes: {[key: string]: boolean};
+  styles: {[key: string]: string};
   childNodes: DebugNode[];
   nativeElement: any;
 
@@ -63,6 +65,8 @@ export class DebugElement extends DebugNode {
     super(nativeNode, parent, _debugInfo);
     this.properties = {};
     this.attributes = {};
+    this.classes = {};
+    this.styles = {};
     this.childNodes = [];
     this.nativeElement = nativeNode;
   }

modules/@angular/core/src/debug/debug_renderer.ts

@@ -9,6 +9,8 @@ import {
   removeDebugNodeFromIndex
 } from './debug_node';
 
+import {StringMapWrapper} from '../../src/facade/collection';
+
 import {AnimationKeyframe} from '../animation/animation_keyframe';
 import {AnimationStyles} from '../animation/animation_styles';
 import {AnimationPlayer} from '../animation/animation_player';
@@ -125,14 +127,29 @@ export class DebugDomRenderer implements Renderer {
   }
 
   setElementClass(renderElement: any, className: string, isAdd: boolean) {
+    var debugEl = getDebugNode(renderElement);
+    if (isPresent(debugEl) && debugEl instanceof DebugElement) {
+      debugEl.classes[className] = isAdd;
+    }
     this._delegate.setElementClass(renderElement, className, isAdd);
   }
 
   setElementStyles(renderElement: any, styles: {[key: string]: string}) {
+    var debugEl = getDebugNode(renderElement);
+    if (isPresent(debugEl) && debugEl instanceof DebugElement) {
+      var elStyles = debugEl.styles;
+      StringMapWrapper.forEach(styles, (value, prop) => {
+        elStyles[prop] = value;
+      });
+    }
     this._delegate.setElementStyles(renderElement, styles);
   }
 
   setElementStyle(renderElement: any, styleName: string, styleValue: string) {
+    var debugEl = getDebugNode(renderElement);
+    if (isPresent(debugEl) && debugEl instanceof DebugElement) {
+      debugEl.styles[styleName] = styleValue;
+    }
     this._delegate.setElementStyle(renderElement, styleName, styleValue);
   }