MD Settings: mouse movements should focus cr-action-menu items

chrome/test/data/webui/cr_elements/cr_action_menu_test.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview Tests for cr-action-menu element. Runs as an interactive UI
  * test, since many of these tests check focus behavior.
  */
 suite('CrActionMenu', function() {
   /** @type {?CrActionMenuElement} */
@@ skipping 109 matching lines @@
       dots.addEventListener('focus', resolve);
       MockInteractions.keyDownOn(menu, key, [], key);
       assertFalse(menu.open);
     });
   }
 
   test('close on Tab', function() { return testFocusAfterClosing('Tab'); });
   test('close on Escape', function() {
     return testFocusAfterClosing('Escape');
   });
+
+  test('mouse movement focus options', function() {
+    // MockInterations doesn't have any mouseover triggers, so copying
+    // makeMouseEvent code over to make new mouseover events.
+    var HAS_NEW_MOUSE = (function() {
+      var has = false;
+      try {
+        has = Boolean(new MouseEvent('x'));
+      } catch (_) {
+      }
+      return has;
+    })();
+
+    function makeMouseoverEvent(node) {
+      if (HAS_NEW_MOUSE) {
+        var e = new MouseEvent('mouseover', {bubbles: true});

[Dan Beam, 2017/04/05 20:59:48]

this is the only code you need

[scottchen, 2017/04/05 21:17:01]

Done.

+      } else {
+        e = document.createEvent('MouseEvent');
+        e.initMouseEvent(
+            'mouseover', true, /* bubbles */
+            true,              /* cancelable */
+            null,              /* view */
+            null,              /* detail */
+            0,                 /* screenX */
+            0,                 /* screenY */
+            0,                 /* clientX */
+            0,                 /* clientY */
+            false,             /*ctrlKey */
+            false,             /*altKey */
+            false,             /*shiftKey */
+            false,             /*metaKey */
+            0,                 /*button */
+            null /*relatedTarget*/);
+      }
+
+      node.dispatchEvent(e);
+    }
+
+    menu.showAt(document.querySelector('#dots'));
+
+    // Moving mouse on option 1 should focus it
+    assertNotEquals(items[0], menu.root.activeElement);
+    makeMouseoverEvent(items[0]);
+    assertEquals(items[0], menu.root.activeElement);
+
+    // Moving mouse on the menu (not on option) should focus the menu
+    makeMouseoverEvent(menu);
+    assertNotEquals(items[0], menu.root.activeElement);
+    assertEquals(menu, document.activeElement);
+
+    // Mouse movements should override keyboard focus
+    down();
+    down();
+    assertEquals(items[1], menu.root.activeElement);
+    makeMouseoverEvent(items[0]);
+    assertEquals(items[0], menu.root.activeElement);
+  });
 });