debug ie11

Author: jelbourn

src/lib/core/style/focus-origin-monitor.spec.ts

@@ -209,7 +209,9 @@ describe('FocusOriginMonitor', () => {
           .toBe(2, 'button should have exactly 2 focus classes');
       expect(changeHandler).toHaveBeenCalledWith('program');
 
-      buttonElement.blur();
+      // Call `blur` directly because invoking `buttonElement.blur()` does not always trigger the
+      // handler on IE11 on SauceLabs.
+      focusOriginMonitor._onBlur({} as any, buttonElement);
       fixture.detectChanges();
 
       expect(buttonElement.classList.length)
@@ -238,6 +240,7 @@ describe('FocusOriginMonitor', () => {
 
 
 describe('cdkMonitorFocus', () => {
+  let focusOriginMonitor: FocusOriginMonitor;
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       imports: [StyleModule],
@@ -251,6 +254,10 @@ describe('cdkMonitorFocus', () => {
     TestBed.compileComponents();
   }));
 
+  beforeEach(inject([FocusOriginMonitor], (fom: FocusOriginMonitor) => {
+    focusOriginMonitor = fom;
+  }));
+
   describe('button with cdkMonitorElementFocus', () => {
     let fixture: ComponentFixture<ButtonWithFocusClasses>;
     let buttonElement: HTMLElement;
@@ -356,7 +363,9 @@ describe('cdkMonitorFocus', () => {
             .toBe(2, 'button should have exactly 2 focus classes');
         expect(fixture.componentInstance.focusChanged).toHaveBeenCalledWith('program');
 
-        buttonElement.blur();
+        // Call `blur` directly because invoking `buttonElement.blur()` does not always trigger the
+        // handler on IE11 on SauceLabs.
+        focusOriginMonitor._onBlur({} as any, buttonElement);
         fixture.detectChanges();
 
         expect(buttonElement.classList.length)

src/lib/core/style/focus-origin-monitor.ts

@@ -288,7 +288,7 @@ export class FocusOriginMonitor {
    * @param event The blur event.
    * @param element The monitored element.
    */
-  private _onBlur(event: FocusEvent, element: HTMLElement) {
+  _onBlur(event: FocusEvent, element: HTMLElement) {
     // If we are counting child-element-focus as focused, make sure that we aren't just blurring in
     // order to focus another child of the monitored element.
     const elementInfo = this._elementInfo.get(element);