attempting to fix tests

Author: mmalerba

src/lib/core/style/focus-classes.ts

@@ -23,14 +23,14 @@ export class FocusOriginMonitor {
 
   /** Register an element to receive focus classes. */
   registerElementForFocusClasses(element: Element, renderer: Renderer) {
-    renderer.listen(element, 'focus', () => this._onFocus(element, renderer));
-    renderer.listen(element, 'blur', () => this._onBlur(element, renderer));
+    element.addEventListener('focus', () => this._onFocus(element, renderer), true);
+    element.addEventListener('blur', () => this._onBlur(element, renderer), true);
   }
 
   /** Focuses the element via the specified focus origin. */
   focusVia(element: Node, renderer: Renderer, origin: FocusOrigin) {
     this._setOriginForCurrentEventQueue(origin);
-    renderer.invokeElementMethod(element, 'focus');
+    (element as HTMLElement).focus();
   }
 
   /** Sets the origin and schedules an async function to clear it at the end of the event queue. */
@@ -41,20 +41,19 @@ export class FocusOriginMonitor {
 
   /** Handles focus events on a registered element. */
   private _onFocus(element: Element, renderer: Renderer) {
-    renderer.setElementClass(element, 'cdk-focused', true);
-    renderer.setElementClass(element, 'cdk-keyboard-focused', this._origin == 'keyboard');
-    renderer.setElementClass(element, 'cdk-mouse-focused', this._origin == 'mouse');
-    renderer.setElementClass(element, 'cdk-program-focused',
-        !this._origin || this._origin == 'program');
+    element.classList.toggle('cdk-focused', true);
+    element.classList.toggle('cdk-keyboard-focused', this._origin == 'keyboard');
+    element.classList.toggle('cdk-mouse-focused', this._origin == 'mouse');
+    element.classList.toggle('cdk-program-focused', !this._origin || this._origin == 'program');
     this._origin = null;
   }
 
   /** Handles blur events on a registered element. */
   private _onBlur(element: Element, renderer: Renderer) {
-    renderer.setElementClass(element, 'cdk-focused', false);
-    renderer.setElementClass(element, 'cdk-keyboard-focused', false);
-    renderer.setElementClass(element, 'cdk-mouse-focused', false);
-    renderer.setElementClass(element, 'cdk-program-focused', false);
+    element.classList.toggle('cdk-focused', false);
+    element.classList.toggle('cdk-keyboard-focused', false);
+    element.classList.toggle('cdk-mouse-focused', false);
+    element.classList.toggle('cdk-program-focused', false);
   }
 }