add test for attributes class and style

Author: hansl

src/demo-app/input/input-demo.html

@@ -11,8 +11,8 @@
         <td><input md-input placeholder="Long Last Name That Will Be Truncated" style="width: 100%"></td>
       </tr></table>
       <p>
-        <textarea md-input class="demo-full-width" placeholder="Address" value="1600 Amphitheatre Pkway"></textarea>
-        <textarea md-input class="demo-full-width" placeholder="Address 2"></textarea>
+        <textarea md-textarea class="demo-full-width" placeholder="Address" value="1600 Amphitheatre Pkway"></textarea>
+        <textarea md-textarea class="demo-full-width" placeholder="Address 2"></textarea>
       </p>
     </form>
   </md-card-content>

src/lib/input/input.spec.ts

@@ -13,6 +13,7 @@ describe('MdInput', function () {
     TestBed.configureTestingModule({
       imports: [MdInputModule.forRoot(), FormsModule, ProjectionModule.forRoot()],
       declarations: [
+        MdInputStyleClassTransferedTestComponent,
         MdInputNumberTypeConservedTestComponent,
         MdInputInvalidTypeTestController,
         MdInputBaseTestController,
@@ -49,6 +50,15 @@ describe('MdInput', function () {
     });
   }));
 
+  it('moves the class and style to the outer container', async(() => {
+    let fixture = TestBed.createComponent(MdInputStyleClassTransferedTestComponent);
+    fixture.detectChanges();
+
+    let el = fixture.debugElement.query(By.directive(MdInput)).nativeElement;
+    expect(el.getAttribute('class')).toBeNull();
+    expect(el.getAttribute('style')).toBeNull();
+  }));
+
   it('counts characters', async(() => {
     let fixture = TestBed.createComponent(MdInputBaseTestController);
     let instance = fixture.componentInstance;
@@ -88,6 +98,10 @@ describe('MdInput', function () {
 
 });
 
+@Component({template: `<input md-input type="number" class="test-class" style="color: 123456">`})
+class MdInputStyleClassTransferedTestComponent {
+}
+
 @Component({template: `<input md-input type="number" [(ngModel)]="value">`})
 class MdInputNumberTypeConservedTestComponent {
   value: number = 0;
@@ -103,7 +117,7 @@ class MdInputBaseTestController {
 
 @Component({
   template: `
-    <textarea md-input [rows]="rows" [cols]="cols" [wrap]="wrap" placeholder="Snacks">
+    <textarea md-textarea [rows]="rows" [cols]="cols" [wrap]="wrap" placeholder="Snacks">
     </textarea>
    `})
 class MdTextareaWithBindings {

src/lib/input/input.ts

@@ -42,7 +42,7 @@ const MD_INPUT_INVALID_INPUT_TYPE = [
  */
 @Component({
   moduleId: module.id,
-  selector: 'input[md-input], textarea[md-input]',
+  selector: 'input[md-input], textarea[md-textarea]',
   templateUrl: 'input.html',
   styleUrls: ['input.css'],
   encapsulation: ViewEncapsulation.None,