Add "emulate push event" button to ServiceWorkersView in DevTools [2/2 blink]

Source/devtools/front_end/resources/ServiceWorkersView.js

 // Copyright (c) 2015 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.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.ServiceWorkersView = function()
@@ skipping 253 matching lines @@
 WebInspector.SWRegistrationElement = function(manager, registration)
 {
     this._manager = manager;
     this._registration = registration;
     this._element = createElementWithClass("div", "service-workers-registration");
     var headerNode = this._element.createChild("li").createChild("div", "service-workers-registration-header");
     this._titleNode = headerNode.createChild("div", "service-workers-registration-title");
     this._deleteButton = headerNode.createChild("button", "service-workers-button service-workers-delete-button");
     this._deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false);
     this._deleteButton.title = WebInspector.UIString("Delete");
+    this._pushButton = headerNode.createChild("button", "service-workers-button service-workers-push-button");
+    this._pushButton.addEventListener("click", this._pushButtonClicked.bind(this), false);
+    this._pushButton.title = WebInspector.UIString("Emulate push event");
+    this._pushButton.disabled = true
     this._childrenListNode = this._element.createChild("ol");
     this._updateRegistration(registration);
 }
 
 WebInspector.SWRegistrationElement.prototype = {
     /**
      * @param {!WebInspector.ServiceWorkerRegistration} registration
      */
     _updateRegistration: function(registration)
     {
         this._registration = registration;
         this._titleNode.textContent = WebInspector.UIString(registration.isDeleted ? "Scope: %s - deleted" : "Scope: %s", registration.scopeURL.asParsedURL().path);
-        this._deleteButton.classList.toggle("hidden", registration.isDeleted);
+        this._deleteButton.disabled = !!registration.isDeleted;
         this._updateVersionList();
     },
 
     _updateVersionList: function()
     {
         var fragment = createDocumentFragment();
         var tableElement = createElementWithClass("div", "service-workers-versions-table");
         var versions = this._registration.versions.valuesArray();
         versions = versions.filter(function(version) {
             return !version.isStoppedAndRedundant() || version.errorMessages.length;
         });
+        var activeVersions = versions.filter(function(version) { return version.isActivating() || version.isActivated(); });
+        this._pushButton.disabled = !activeVersions.length || !!this._registration.isDeleted;
+
         tableElement.appendChild(this._createVersionModeRow(
             versions.filter(function(version) { return version.isNew() || version.isInstalling(); }),
             "installing",
             WebInspector.UIString("installing")));
         tableElement.appendChild(this._createVersionModeRow(
             versions.filter(function(version) { return version.isInstalled(); }),
             "waiting",
             WebInspector.UIString("waiting")));
         tableElement.appendChild(this._createVersionModeRow(
-            versions.filter(function(version) { return version.isActivating() || version.isActivated(); }),
+            activeVersions,
             "active",
             WebInspector.UIString("active")));
         tableElement.appendChild(this._createVersionModeRow(
             versions.filter(function(version) { return version.isRedundant(); }),
             "redundant",
             WebInspector.UIString("redundant")));
         fragment.appendChild(tableElement);
         this._childrenListNode.removeChildren();
         this._childrenListNode.appendChild(fragment);
     },
@@ skipping 73 matching lines @@
      * @param {!Event} event
      */
     _deleteButtonClicked: function(event)
     {
         this._manager.deleteRegistration(this._registration.id);
     },
 
     /**
      * @param {!Event} event
      */
+    _pushButtonClicked: function(event)
+    {
+        var data = "Test push message from DevTools."
+        this._manager.deliverPushMessage(this._registration.id, data);
+    },
+
+    /**
+     * @param {!Event} event
+     */
     _startButtonClicked: function(event)
     {
         this._manager.startWorker(this._registration.scopeURL);
     },
 
     /**
      * @param {string} versionId
      * @param {!Event} event
      */
     _stopButtonClicked: function(versionId, event)
     {
         this._manager.stopWorker(versionId);
     },
 
     /**
      * @param {string} versionId
      * @param {!Event} event
      */
     _inspectButtonClicked: function(versionId, event)
     {
         this._manager.inspectWorker(versionId);
     }
 }