Convert Event#keyIdentifier (deprecated) to Event#key

ui/login/account_picker/user_pod_row.js

 // Copyright 2014 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 User pod row implementation.
  */
 
 cr.define('login', function() {
   /**
@@ skipping 457 matching lines @@
       stopEventPropagation(e);
     },
 
     /**
      * Handles key down event on the icon element. Only 'Enter' key is handled.
      * No-op if {@code this.actionHandler_} is not set.
      * @param {Event} e The key down event.
      * @private
      */
     handleKeyDown_: function(e) {
-      if (!this.actionHandler_ || e.keyIdentifier != 'Enter')
+      if (!this.actionHandler_ || e.key != 'Enter')
         return;
       this.actionHandler_(e);
       stopEventPropagation(e);
     },
 
     /**
      * Changes the tooltip hover state and updates tooltip visibility if needed.
      * @param {!UserPodCustomIcon.HoverState} state
      * @private
      */
@@ skipping 942 matching lines @@
       e.stopPropagation();
     },
 
     /**
      * Handles a keydown event on action area button.
      * @param {Event} e KeyDown event.
      */
     handleActionAreaButtonKeyDown_: function(e) {
       if (this.disabled)
         return;
-      switch (e.keyIdentifier) {
+      switch (e.key) {
         case 'Enter':
-        case 'U+0020':  // Space
+        case ' ':
           if (this.parentNode.focusedPod_ && !this.isActionBoxMenuActive)
             this.isActionBoxMenuActive = true;
           e.stopPropagation();
           break;
-        case 'Up':
-        case 'Down':
+        case 'ArrowUp':
+        case 'ArrowDown':
           if (this.isActionBoxMenuActive) {
             this.actionBoxMenuRemoveElement.tabIndex =
                 UserPodTabOrder.POD_MENU_ITEM;
             this.actionBoxMenuRemoveElement.focus();
           }
           e.stopPropagation();
           break;
         // Ignore these two, so ChromeVox hotkeys don't close the menu before
         // they can navigate through it.
         case 'Shift':
-        case 'Win':
+        case 'Meta':
           break;
-        case 'U+001B':  // Esc
+        case 'Escape':
           this.isActionBoxMenuActive = false;
           e.stopPropagation();
           break;
-        case 'U+0009':  // Tab
+        case 'Tab':
           if (!this.parentNode.alwaysFocusSinglePod)
             this.parentNode.focusPod();
         default:
           this.isActionBoxMenuActive = false;
           break;
       }
     },
 
     /**
      * Handles a keydown event on menu title.
      * @param {Event} e KeyDown event.
      */
     handleMenuTitleElementKeyDown_: function(e) {
       if (this.disabled)
         return;
 
-      if (e.keyIdentifier != 'U+0009' /* TAB */) {
+      if (e.key != 'Tab') {
         this.handleActionAreaButtonKeyDown_(e);
         return;
       }
 
       if (e.shiftKey == false) {
         if (this.actionBoxMenuRemoveElement.hidden) {
           this.isActionBoxMenuActive = false;
         } else {
           this.actionBoxMenuRemoveElement.tabIndex =
               UserPodTabOrder.POD_MENU_ITEM;
@@ skipping 214 matching lines @@
     /**
      * Handles a keydown event on remove user confirmation button.
      * @param {Event} e KeyDown event.
      */
     handleRemoveUserConfirmationKeyDown_: function(e) {
       if (!this.isActionBoxMenuActive)
         return;
 
       // Only handle pressing 'Enter' or 'Space', and let all other events
       // bubble to the action box menu.
-      if (e.keyIdentifier == 'Enter' || e.keyIdentifier == 'U+0020') {
+      if (e.key == 'Enter' || e.key == ' ') {
         this.isActionBoxMenuActive = false;
         this.removeUser(this.user);
         e.stopPropagation();
         // Prevent default so that we don't trigger a 'click' event.
         e.preventDefault();
       }
     },
 
     /**
      * Handles a keydown event on remove command.
      * @param {Event} e KeyDown event.
      */
     handleRemoveCommandKeyDown_: function(e) {
       if (this.disabled)
         return;
-      switch (e.keyIdentifier) {
+      switch (e.key) {
         case 'Enter':
           if (this.user.legacySupervisedUser || this.user.isDesktopUser) {
             // Prevent default so that we don't trigger a 'click' event on the
             // remove button that will be focused.
             e.preventDefault();
             this.showRemoveWarning_();
           } else {
             this.removeUser(this.user);
           }
           e.stopPropagation();
           break;
-        case 'Up':
-        case 'Down':
+        case 'ArrowUp':
+        case 'ArrowDown':
           e.stopPropagation();
           break;
         // Ignore these two, so ChromeVox hotkeys don't close the menu before
         // they can navigate through it.
         case 'Shift':
-        case 'Win':
+        case 'Meta':
           break;
-        case 'U+001B':  // Esc
+        case 'Escape':
           this.actionBoxAreaElement.focus();
           this.isActionBoxMenuActive = false;
           e.stopPropagation();
           break;
         default:
           this.actionBoxAreaElement.focus();
           this.isActionBoxMenuActive = false;
           break;
       }
     },
@@ skipping 45 matching lines @@
       }
     },
 
     /**
      * Handles keydown event for a user pod.
      * @param {Event} e Key event.
      */
     handlePodKeyDown_: function(e) {
       if (!this.isAuthTypeUserClick || this.disabled)
         return;
-      switch (e.keyIdentifier) {
+      switch (e.key) {
         case 'Enter':
-        case 'U+0020':  // Space
+        case ' ':
           if (this.parentNode.isFocused(this))
             this.parentNode.setActivatedPod(this);
           break;
       }
     }
   };
 
   /**
    * Creates a public account user pod.
    * @constructor
@@ skipping 79 matching lines @@
         return this.nameElement;
     },
 
     /** @override */
     decorate: function() {
       UserPod.prototype.decorate.call(this);
 
       this.classList.add('public-account');
 
       this.nameElement.addEventListener('keydown', (function(e) {
-        if (e.keyIdentifier == 'Enter') {
+        if (e.key == 'Enter') {
           this.parentNode.setActivatedPod(this, e);
           // Stop this keydown event from bubbling up to PodRow handler.
           e.stopPropagation();
           // Prevent default so that we don't trigger a 'click' event on the
           // newly focused "Enter" button.
           e.preventDefault();
         }
       }).bind(this));
 
       var learnMore = this.querySelector('.learn-more');
@@ skipping 1409 matching lines @@
     },
 
     /**
      * Handler of keydown event.
      * @param {Event} e KeyDown Event object.
      */
     handleKeyDown: function(e) {
       if (this.disabled)
         return;
       var editing = e.target.tagName == 'INPUT' && e.target.value;
-      switch (e.keyIdentifier) {
-        case 'Left':
+      switch (e.key) {
+        case 'ArrowLeft':
           if (!editing) {
             if (this.focusedPod_ && this.focusedPod_.previousElementSibling)
               this.focusPod(this.focusedPod_.previousElementSibling);
             else
               this.focusPod(this.lastElementChild);
 
             e.stopPropagation();
           }
           break;
-        case 'Right':
+        case 'ArrowRight':
           if (!editing) {
             if (this.focusedPod_ && this.focusedPod_.nextElementSibling)
               this.focusPod(this.focusedPod_.nextElementSibling);
             else
               this.focusPod(this.firstElementChild);
 
             e.stopPropagation();
           }
           break;
         case 'Enter':
           if (this.focusedPod_) {
             var targetTag = e.target.tagName;
             if (e.target == this.focusedPod_.passwordElement ||
                 (targetTag != 'INPUT' &&
                  targetTag != 'BUTTON' &&
                  targetTag != 'A')) {
               this.setActivatedPod(this.focusedPod_, e);
               e.stopPropagation();
             }
           }
           break;
-        case 'U+001B':  // Esc
+        case 'Escape':
           if (!this.alwaysFocusSinglePod)
             this.focusPod();
           break;
       }
     },
 
     /**
      * Called right after the pod row is shown.
      */
     handleAfterShow: function() {
@@ skipping 76 matching lines @@
        if (pod && pod.multiProfilesPolicyApplied) {
          pod.userTypeBubbleElement.classList.remove('bubble-shown');
        }
      }
   };
 
   return {
     PodRow: PodRow
   };
 });