diff --git a/src/lib/input/autosize.spec.ts b/src/lib/input/autosize.spec.ts index 102ec41875db..53c52e557e9a 100644 --- a/src/lib/input/autosize.spec.ts +++ b/src/lib/input/autosize.spec.ts @@ -1,4 +1,4 @@ -import {Component} from '@angular/core'; +import {Component, ViewChild} from '@angular/core'; import {ComponentFixture, TestBed, async} from '@angular/core/testing'; import {By} from '@angular/platform-browser'; import {MdInputModule} from './input'; @@ -97,6 +97,12 @@ describe('MdTextareaAutosize', () => { expect(parseInt(textarea.style.maxHeight)) .toBeGreaterThan(previousMaxHeight, 'Expected increased max-height with maxRows increase.'); }); + + it('should export the mdAutosize reference', () => { + expect(fixture.componentInstance.autosize).toBeTruthy(); + expect(fixture.componentInstance.autosize.resizeToFitContent).toBeTruthy(); + }); + }); @@ -109,10 +115,14 @@ const textareaStyleReset = ` }`; @Component({ - template: ``, + template: ` + `, styles: [textareaStyleReset], }) class AutosizeTextAreaWithContent { + @ViewChild('autosize') autosize: MdTextareaAutosize; minRows: number = null; maxRows: number = null; content: string = ''; diff --git a/src/lib/input/autosize.ts b/src/lib/input/autosize.ts index 4bc863608949..c393759d6513 100644 --- a/src/lib/input/autosize.ts +++ b/src/lib/input/autosize.ts @@ -6,6 +6,7 @@ import {Directive, ElementRef, Input, OnInit} from '@angular/core'; */ @Directive({ selector: 'textarea[md-autosize], textarea[mat-autosize]', + exportAs: 'mdAutosize', host: { '(input)': 'resizeToFitContent()', '[style.min-height]': '_minHeight',