fixup! feat(material/button): make button ripples lazy

Author: wagnermaciel

src/material/button/button.spec.ts

@@ -1,4 +1,4 @@
-import {waitForAsync, ComponentFixture, TestBed} from '@angular/core/testing';
+import {waitForAsync, ComponentFixture, TestBed, fakeAsync, tick} from '@angular/core/testing';
 import {ApplicationRef, Component, DebugElement} from '@angular/core';
 import {By} from '@angular/platform-browser';
 import {MatButtonModule, MatButton, MatFabDefaultOptions, MAT_FAB_DEFAULT_OPTIONS} from './index';
@@ -325,7 +325,7 @@ describe('MDC-based MatButton', () => {
     ).toBe(false);
   });
 
-  it('should have a focus indicator after the user interacts', () => {
+  it('should have a focus indicator after the user interacts', fakeAsync(() => {
     const fixture = TestBed.createComponent(TestApp);
     fixture.detectChanges();
     const buttonNativeElements = [
@@ -336,10 +336,12 @@ describe('MDC-based MatButton', () => {
       element.dispatchEvent(new Event('mouseenter'));
     }
 
+    tick(50);
+
     expect(
       buttonNativeElements.every(element => !!element.querySelector('.mat-mdc-focus-indicator')),
     ).toBe(true);
-  });
+  }));
 });
 
 describe('MatFabDefaultOptions', () => {