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() {
+    menu.showAt(document.querySelector('#dots'));
+
+    // Moving mouse on option 1 should focus it
+    assertNotEquals(items[0], menu.root.activeElement);
+    MockInteractions.move(items[0], {x: 0, y: 0}, {x: 1, y: 1});

[scottchen, 2017/04/04 23:07:27]

BTW, I'm aware .move is not exposed in MockInteractions in current version of
iron-test-helpers. I'll be making a separate CL to roll the version for that.

+    menu.flushDebouncer('cr-action-menu-mousemove');
+    assertEquals(items[0], menu.root.activeElement);
+
+    // Moving mouse on the menu (not on option) should focus the menu
+    MockInteractions.move(menu, {x: 0, y: 0}, {x: 1, y: 1});
+    menu.flushDebouncer('cr-action-menu-mousemove');
+    assertNotEquals(items[0], menu.root.activeElement);
+    assertEquals(menu, document.activeElement);
+
+    // Mouse movements should override keyboard focus
+    down();
+    down();
+    assertEquals(items[1], menu.root.activeElement);
+    MockInteractions.move(items[0], {x: 0, y: 0}, {x: 1, y: 1});
+    menu.flushDebouncer('cr-action-menu-mousemove');
+    assertEquals(items[0], menu.root.activeElement);
+  });
 });