fix prerender and input test

Author: mmalerba

src/lib/form-field/form-field.ts

@@ -19,7 +19,7 @@ import {
   Inject,
   Input,
   Optional,
-  QueryList,
+  QueryList, Renderer2,
   ViewChild,
   ViewEncapsulation,
 } from '@angular/core';
@@ -151,7 +151,9 @@ export class MdFormField implements AfterViewInit, AfterContentInit, AfterConten
   @ContentChildren(MdSuffix) _suffixChildren: QueryList<MdSuffix>;
 
   constructor(
-      public _elementRef: ElementRef, private _changeDetectorRef: ChangeDetectorRef,
+      public _elementRef: ElementRef,
+      private _renderer: Renderer2,
+      private _changeDetectorRef: ChangeDetectorRef,
       @Optional() @Inject(MD_PLACEHOLDER_GLOBAL_OPTIONS) placeholderOptions: PlaceholderOptions) {
     this._placeholderOptions = placeholderOptions ? placeholderOptions : {};
     this.floatPlaceholder = this._placeholderOptions.float || 'auto';
@@ -160,8 +162,8 @@ export class MdFormField implements AfterViewInit, AfterContentInit, AfterConten
   ngAfterContentInit() {
     this._validateControlChild();
     if (this._control.controlType) {
-      this._elementRef.nativeElement.classList.add(
-          `mat-form-field-type-${this._control.controlType}`);
+      this._renderer.addClass(
+          this._elementRef.nativeElement, `mat-form-field-type-${this._control.controlType}`);
     }
 
     // Subscribe to changes in the child control state in order to update the form field UI.

src/lib/input/input.spec.ts

@@ -196,8 +196,7 @@ describe('MdInput without forms', function () {
     expect(labelEl.classList).not.toContain('mat-form-field-float');
   }));
 
-  /* TODO(mmalerba): investigate expression changed after checked.
-  fit('should not be empty when the value set before view init', async(() => {
+  it('should not be empty when the value set before view init', async(() => {
     let fixture = TestBed.createComponent(MdInputWithValueBinding);
     fixture.detectChanges();
 
@@ -210,7 +209,7 @@ describe('MdInput without forms', function () {
     fixture.detectChanges();
 
     expect(placeholderEl.classList).toContain('mat-form-field-empty');
-  }));*/
+  }));
 
   it('should add id', () => {
     let fixture = TestBed.createComponent(MdInputTextTestController);

src/lib/input/input.ts

@@ -132,6 +132,7 @@ export class MdInput implements MdFormFieldControl<any>, OnChanges, OnDestroy, D
   @Input() errorStateMatcher: ErrorStateMatcher;
 
   /** The input element's value. */
+  @Input()
   get value() { return this._elementRef.nativeElement.value; }
   set value(value: string) {
     if (value !== this.value) {