[IndexedDB] [DevTools] Right-click 'Refresh' on database now updates object store view, also fixed …

third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 16 matching lines @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @unrestricted
  */
 Resources.IDBDatabaseView = class extends UI.VBox {
   /**
    * @param {!Resources.IndexedDBModel} model
-   * @param {!Resources.IndexedDBModel.Database} database
+   * @param {?Resources.IndexedDBModel.Database} database
    */
   constructor(model, database) {
     super();
 
     this._model = model;
 
-    this._reportView = new UI.ReportView(database.databaseId.name);
+    var databaseName = Common.UIString('Loading\u2026');  // If database was not loaded yet when view was created

[dgozman, 2017/06/06 21:32:26]

- we usually avoid comments like this which repeat the code next to comment;
- var databaseName = database ? database.databaseId.name : Common.UIString(...)

[kristipark, 2017/06/06 22:45:47]

Done.

+    if (database)
+      databaseName = database.databaseId.name;
+
+    this._reportView = new UI.ReportView(databaseName);
     this._reportView.show(this.contentElement);
 
     var bodySection = this._reportView.appendSection('');
     this._securityOriginElement = bodySection.appendField(Common.UIString('Security origin'));
     this._versionElement = bodySection.appendField(Common.UIString('Version'));
 
     var footer = this._reportView.appendSection('').appendRow();
     this._clearButton = UI.createTextButton(
         Common.UIString('Delete database'), () => this._deleteDatabase(), Common.UIString('Delete database'));
     footer.appendChild(this._clearButton);
 
     this._refreshButton = UI.createTextButton(
         Common.UIString('Refresh database'), () => this._refreshDatabaseButtonClicked(),
         Common.UIString('Refresh database'));
     footer.appendChild(this._refreshButton);
 
-    this.update(database);
+    if (database)
+      this.update(database);
   }
 
   _refreshDatabase() {
     this._securityOriginElement.textContent = this._database.databaseId.securityOrigin;
     this._versionElement.textContent = this._database.version;
   }
 
   _refreshDatabaseButtonClicked() {
     this._model.refreshDatabase(this._database.databaseId);
   }
 
   /**
    * @param {!Resources.IndexedDBModel.Database} database
    */
   update(database) {
     this._database = database;
+    this._reportView.setTitle(this._database.databaseId.name);
     this._refreshDatabase();
     this._updatedForTests();
   }
 
   _updatedForTests() {
     // Sniffed in tests.
   }
 
   _deleteDatabase() {
     UI.ConfirmDialog.show(
@@ skipping 296 matching lines @@
         cell.removeChildren();
         var objectElement = ObjectUI.ObjectPropertiesSection.defaultObjectPresentation(value, undefined, true);
         cell.appendChild(objectElement);
         break;
       default:
     }
 
     return cell;
   }
 };