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

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

 /*
  * Copyright (C) 2007, 2008, 2010 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 1068 matching lines @@
   }
 
   _handleContextMenuEvent(event) {
     var contextMenu = new UI.ContextMenu(event);
     contextMenu.appendItem(Common.UIString('Refresh IndexedDB'), this.refreshIndexedDB.bind(this));
     contextMenu.show();
   }
 
   refreshIndexedDB() {
     for (var indexedDBModel of SDK.targetManager.models(Resources.IndexedDBModel))
-      indexedDBModel.refreshDatabaseNames();
+      indexedDBModel.refreshDatabaseNames();  // Adds IDBDatabaseTreeElements.

[dgozman, 2017/06/02 21:48:41]

I think we should not rely on this face. After all, we are calling into model,
which does not guarantee to add any elements.

[kristipark, 2017/06/03 01:42:44]

Unfortunately unless refreshDatabaseNames is called, the event listener
IndexedDBModel.Events.DatabaseAdded won't be triggered. That seems to be the
only way in the model to see if databases were added or not.

+    for (var i = 0; i < this._idbDatabaseTreeElements.length; ++i)
+      this._idbDatabaseTreeElements[i]._refreshIndexedDB();
   }
 
   /**
    * @param {!Common.Event} event
    */
   _indexedDBAdded(event) {
     var databaseId = /** @type {!Resources.IndexedDBModel.DatabaseId} */ (event.data.databaseId);
     var model = /** @type {!Resources.IndexedDBModel} */ (event.data.model);
     this._addIndexedDB(model, databaseId);
   }
@@ skipping 90 matching lines @@
     this.listItemElement.addEventListener('contextmenu', this._handleContextMenuEvent.bind(this), true);
   }
 
   _handleContextMenuEvent(event) {
     var contextMenu = new UI.ContextMenu(event);
     contextMenu.appendItem(Common.UIString('Refresh IndexedDB'), this._refreshIndexedDB.bind(this));
     contextMenu.show();
   }
 
   _refreshIndexedDB() {
-    this._model.refreshDatabaseNames();
+    this._model.refreshDatabase(this._databaseId);
   }
 
   /**
    * @param {!Resources.IndexedDBModel.Database} database
    */
   update(database) {
     this._database = database;
     var objectStoreNames = {};
     for (var objectStoreName in this._database.objectStores) {
       var objectStore = this._database.objectStores[objectStoreName];
@@ skipping 430 matching lines @@
 
     this.element.classList.add('storage-view');
     this._emptyWidget = new UI.EmptyWidget('');
     this._emptyWidget.show(this.element);
   }
 
   setText(text) {
     this._emptyWidget.text = text;
   }
 };