test: test abnormal IndexedDB close event (#502)

Author: nolanlawson

package.json

@@ -97,7 +97,7 @@
     "emoji-picker-element-data": "^1.7.2",
     "emojibase-data": "^5.1.1",
     "express": "^5.1.0",
-    "fake-indexeddb": "^6.0.1",
+    "fake-indexeddb": "^6.2.2",
     "fast-glob": "^3.3.3",
     "fetch-mock": "^11.1.5",
     "flat-color-icons": "^1.1.0",

pnpm-lock.yaml

@@ -34,8 +34,6 @@ async function createDatabase (dbName) {
   // Handle abnormal closes, e.g. "delete database" in chrome dev tools.
   // No need for removeEventListener, because once the DB can no longer
   // fire "close" events, it will auto-GC.
-  // Unfortunately cannot test in fakeIndexedDB: https://github.com/dumbmatter/fakeIndexedDB/issues/50
-  /* istanbul ignore next */
   db.onclose = () => closeDatabase(dbName)
   performance.measure('createDatabase', 'createDatabase')
   return db

src/database/databaseLifecycle.js

@@ -15,6 +15,7 @@ import {
 } from '../shared'
 import trimEmojiData from '../../../src/trimEmojiData'
 import { mockFetch, mockGetAndHead } from '../mockFetch.js'
+import { forceCloseDatabase } from 'fake-indexeddb'
 
 describe('database tests', () => {
   beforeEach(basicBeforeEach)
@@ -301,4 +302,17 @@ describe('database tests', () => {
 
     await db.delete()
   })
+
+  test('abnormal indexeddb close event', async () => {
+    const dataSource = ALL_EMOJI
+    const db = new Database({ dataSource })
+    await db.ready()
+
+    // should be handled gracefully by 'close' event listener
+    forceCloseDatabase(db._db)
+
+    await tick(20)
+
+    await db.delete()
+  })
 })