| OLD | NEW |
|---|
| (Empty) | |
| 1 <html> |
| 2 <head> |
| 3 <script src="../inspector-test.js"></script> |
| 4 <script src="../resources-test.js"></script> |
| 5 <script src="../console-test.js"></script> |
| 6 <script src="indexeddb-test.js"></script> |
| 7 <script> |
| 8 |
| 9 function onIndexedDBError(e) { |
| 10 console.error("IndexedDB error: " + e); |
| 11 } |
| 12 |
| 13 function createDatabase(databaseName) { |
| 14 var callback; |
| 15 var promise = new Promise((fulfill) => callback = fulfill); |
| 16 var request = indexedDB.open(databaseName); |
| 17 request.onerror = onIndexedDBError; |
| 18 request.onsuccess = function(event) { |
| 19 request.result.close(); |
| 20 callback(); |
| 21 } |
| 22 return promise; |
| 23 } |
| 24 |
| 25 function createObjectStore(databaseName, objectStoreName, indexName, keyPath) { |
| 26 var callback; |
| 27 var promise = new Promise((fulfill) => callback = fulfill); |
| 28 var request = indexedDB.open(databaseName); |
| 29 request.onerror = onIndexedDBError; |
| 30 request.onsuccess = function(event) { |
| 31 var db = request.result; |
| 32 var version = db.version; |
| 33 db.close(); |
| 34 |
| 35 var upgradeRequest = indexedDB.open(databaseName, version + 1); |
| 36 |
| 37 upgradeRequest.onerror = onIndexedDBError; |
| 38 upgradeRequest.onupgradeneeded = function(e) { |
| 39 var upgradeDb = e.target.result; |
| 40 var store = upgradeDb.createObjectStore(objectStoreName, { keyPath:
"test", autoIncrement: false }); |
| 41 store.createIndex(indexName, "test", { unique: false, multiEntry: fa
lse }); |
| 42 callback(); |
| 43 } |
| 44 upgradeRequest.onsuccess = function(e) { |
| 45 var upgradeDb = e.target.result; |
| 46 upgradeDb.close(); |
| 47 callback(); |
| 48 } |
| 49 } |
| 50 return promise; |
| 51 } |
| 52 |
| 53 function addIDBValue(databaseName, objectStoreName, key, value) { |
| 54 var callback; |
| 55 var promise = new Promise((fulfill) => callback = fulfill); |
| 56 var request = indexedDB.open(databaseName); |
| 57 request.onerror = onIndexedDBError; |
| 58 request.onsuccess = function(event) { |
| 59 var db = request.result; |
| 60 var transaction = db.transaction(objectStoreName, "readwrite"); |
| 61 var store = transaction.objectStore(objectStoreName); |
| 62 store.put({ test: key, testValue: value }); |
| 63 |
| 64 transaction.onerror = onIndexedDBError; |
| 65 transaction.oncomplete = function() { |
| 66 db.close(); |
| 67 callback(); |
| 68 }; |
| 69 } |
| 70 return promise; |
| 71 } |
| 72 |
| 73 async function test() |
| 74 { |
| 75 var databaseName = "testDatabase"; |
| 76 var objectStoreName1 = "testObjectStore1"; |
| 77 var objectStoreName2 = "testObjectStore2"; |
| 78 var indexName = "testIndex"; |
| 79 var keyPath = "testKey"; |
| 80 |
| 81 var indexedDBModel = InspectorTest.mainTarget.model(Resources.IndexedDBModel
); |
| 82 var databaseId; |
| 83 |
| 84 function waitRefreshDatabase(callback) { |
| 85 var view = UI.panels.resources._sidebar.indexedDBListTreeElement._idbDat
abaseTreeElements[0]._view; |
| 86 InspectorTest.addSniffer(Resources.IDBDatabaseView.prototype, "_updatedF
orTests", callback, false); |
| 87 view._refreshDatabaseButtonClicked(); |
| 88 } |
| 89 |
| 90 function waitUpdateDataView(callback) { |
| 91 InspectorTest.addSniffer(Resources.IDBDataView.prototype, "_updatedDataF
orTests", callback, false); |
| 92 } |
| 93 |
| 94 function waitDatabaseLoaded(callback) { |
| 95 var event = indexedDBModel.addEventListener(Resources.IndexedDBModel.Eve
nts.DatabaseLoaded, () => { |
| 96 Common.EventTarget.removeEventListeners([event]); |
| 97 callback(); |
| 98 }); |
| 99 } |
| 100 |
| 101 function waitDatabaseAdded(callback) { |
| 102 var event = indexedDBModel.addEventListener(Resources.IndexedDBModel.Eve
nts.DatabaseAdded, () => { |
| 103 Common.EventTarget.removeEventListeners([event]); |
| 104 callback(); |
| 105 }); |
| 106 UI.panels.resources._sidebar.indexedDBListTreeElement.refreshIndexedDB()
; |
| 107 } |
| 108 |
| 109 function dumpObjectStores() { |
| 110 InspectorTest.addResult("Dumping ObjectStore data:"); |
| 111 |
| 112 var idbDatabaseTreeElement = UI.panels.resources._sidebar.indexedDBListT
reeElement._idbDatabaseTreeElements[0]; |
| 113 for (var i = 0; i < idbDatabaseTreeElement.childCount(); ++i) { |
| 114 var objectStoreTreeElement = idbDatabaseTreeElement.childAt(i); |
| 115 InspectorTest.addResult(" Object store: " + objectStoreTreeElemen
t.title); |
| 116 var entries = objectStoreTreeElement._view._entries; |
| 117 if (!entries.length) { |
| 118 InspectorTest.addResult(" (no entries)"); |
| 119 continue; |
| 120 } |
| 121 for (var j = 0; j < entries.length; ++j) { |
| 122 InspectorTest.addResult(" Key = " + entries[j].key._v
alue + ", value = " + entries[j].value); |
| 123 } |
| 124 } |
| 125 } |
| 126 |
| 127 // Initial tree |
| 128 InspectorTest.dumpIndexedDBTree(); |
| 129 |
| 130 // Create database |
| 131 await InspectorTest.evaluateInPageAsync("createDatabase('" + databaseName +
"')"); |
| 132 await new Promise(waitDatabaseAdded); |
| 133 var idbDatabaseTreeElement = UI.panels.resources._sidebar.indexedDBListTreeE
lement._idbDatabaseTreeElements[0]; |
| 134 databaseId = idbDatabaseTreeElement._databaseId; |
| 135 InspectorTest.addResult("Created database."); |
| 136 InspectorTest.dumpIndexedDBTree(); |
| 137 |
| 138 // Load indexedDb database view |
| 139 indexedDBModel.refreshDatabase(databaseId); // Initial database refresh. |
| 140 await new Promise(waitDatabaseLoaded); // Needed to initialize database
view, otherwise |
| 141 idbDatabaseTreeElement.onselect(false); // IDBDatabaseTreeElement.databa
se would be undefined. |
| 142 var databaseView = idbDatabaseTreeElement._view; |
| 143 |
| 144 // Create first objectstore |
| 145 await InspectorTest.evaluateInPageAsync("createObjectStore('" + databaseName
+ "', '" + objectStoreName1 + "', '" + indexName + "', '" + keyPath + "')"); |
| 146 await new Promise(waitRefreshDatabase); |
| 147 InspectorTest.addResult("Created first objectstore."); |
| 148 InspectorTest.dumpIndexedDBTree(); |
| 149 |
| 150 // Create second objectstore |
| 151 await InspectorTest.evaluateInPageAsync("createObjectStore('" + databaseName
+ "', '" + objectStoreName2 + "', '" + indexName + "', '" + keyPath + "')"); |
| 152 await new Promise(waitRefreshDatabase); |
| 153 InspectorTest.addResult("Created second objectstore."); |
| 154 InspectorTest.dumpIndexedDBTree(); |
| 155 |
| 156 // Load objectstore data views |
| 157 for (var i = 0; i < idbDatabaseTreeElement.childCount(); ++i) { |
| 158 var objectStoreTreeElement = idbDatabaseTreeElement.childAt(i); |
| 159 objectStoreTreeElement.onselect(false); |
| 160 } |
| 161 |
| 162 // Add entries |
| 163 await InspectorTest.evaluateInPageAsync("addIDBValue('" + databaseName + "',
'" + objectStoreName1 + "', 'testKey', 'testValue')"); |
| 164 InspectorTest.addResult("Added " + objectStoreName1 + " entry."); |
| 165 dumpObjectStores(); |
| 166 |
| 167 // Refresh database view |
| 168 await new Promise(waitRefreshDatabase); |
| 169 for (var i = 0; i < idbDatabaseTreeElement.childCount(); ++i) { |
| 170 var objectStoreTreeElement = idbDatabaseTreeElement.childAt(i); |
| 171 if (objectStoreTreeElement._objectStore.name === objectStoreName1) { |
| 172 objectStoreTreeElement.onselect(false); |
| 173 break; |
| 174 } |
| 175 } |
| 176 await new Promise(waitUpdateDataView); // Wait for objectstore data to
load on page. |
| 177 InspectorTest.addResult("Refreshed database."); |
| 178 dumpObjectStores(); |
| 179 |
| 180 InspectorTest.completeTest(); |
| 181 } |
| 182 </script> |
| 183 </head> |
| 184 <body onload="runTest()"> |
| 185 <p>Tests refreshing the database information and data views.</p> |
| 186 </body> |
| 187 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2902673003:
Added a refresh database button on the IndexedDB view. (Closed)
