Günay's Coding World

const debugElement = fixture.debugElement; const matSelect = debugElement.query(By.css('.mat-select-trigger')).nativeElement; matSelect.click(); fixture.detechChanges(); const matOption = debugElement.query(By.css('.mat-option'))[0].nativeElement; matOption.click(); fixture.detechChanges(); fixture.whenStable().then( () => {    const inputElement: HTMLElement = debugElement.query(By.css('.ask-input')).nativeElement;    expect(inputElement.innerHTML.length).toBeGreaterThan(0); });

width : 250px ;/*should be specified*/ white-space : nowrap ; overflow : hidden ; text-overflow : ellipsis ; All the following are required for the design.The text is now in a single straight line.

CSS to disable resizing The CSS to disable resizing for all textareas looks like this: textarea { resize : none ; } You could instead just assign it to a single textarea by name (where the textarea HTML is ): textarea [ name = foo ] { resize : none ; } Or by id (where the textarea HTML is ): #foo { resize : none ; }