fix: add indexdb storage

Author: elribonazo

packages/sdk-multichain/src/fixtures.test.ts

@@ -4,7 +4,8 @@
  * Test fixtures and utilities for the Multichain SDK tests
  * This file is excluded from test discovery via vitest.config.ts
  */
-
+import 'fake-indexeddb/auto';
+import { IDBFactory } from 'fake-indexeddb';
 // Additional imports for standardized setup functions
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { JSDOM as Page } from 'jsdom';
@@ -20,6 +21,7 @@ import { createMetamaskSDK as createMetamaskSDKRN } from './index.native';
 import { createMetamaskSDK as createMetamaskSDKNode } from './index.node';
 import * as nodeStorage from './store/adapters/node';
 import type { DappClient } from '@metamask/mobile-wallet-protocol-dapp-client';
+import { updateIndexedDBMock } from '../tests/indexedDBMock';
 
 // Mock logger at the top level
 vi.mock('./domain/logger', () => {
@@ -341,7 +343,7 @@ export const setupWebMocks = (nativeStorageStub: NativeStorageStub, dappUrl = 'h
 		...dom.window,
 		addEventListener: t.vi.fn(),
 		removeEventListener: t.vi.fn(),
-		localStorage: nativeStorageStub,
+		indexedDB: new IDBFactory(),
 		ethereum: {
 			isMetaMask: true,
 		},
@@ -356,6 +358,22 @@ export const setupWebMocks = (nativeStorageStub: NativeStorageStub, dappUrl = 'h
 	t.vi.stubGlobal('document', dom.window.document);
 	t.vi.stubGlobal('HTMLElement', dom.window.HTMLElement);
 	t.vi.stubGlobal('requestAnimationFrame', t.vi.fn());
+
+	const originalSetItem = nativeStorageStub.setItem;
+	nativeStorageStub.setItem = t.vi.fn((key: string, value: string) => {
+		originalSetItem(key, value);
+		updateIndexedDBMock(key, value).catch((err) => {
+			console.error('Failed to update indexedDB', err);
+		});
+	});
+
+	const originalRemoveItem = nativeStorageStub.removeItem;
+	nativeStorageStub.removeItem = t.vi.fn((key: string) => {
+		originalRemoveItem(key);
+		updateIndexedDBMock(key, null).catch((err) => {
+			console.error('Failed to update indexedDB', err);
+		});
+	});
 };
 
 // Helper functions to create standardized test configurations

packages/sdk-multichain/src/init.test.ts

@@ -79,6 +79,9 @@ function testSuite<T extends MultiChainFNOptions>({ platform, createSDK, options
 			mockedData.nativeStorageStub.setItem('multichain-transport', transportString);
 			mockedData.mockMultichainClient.getSession.mockResolvedValue(mockSessionData);
 
+			// wait for fake-indexeddb to catch up
+			await Promise.resolve();
+
 			sdk = await createSDK(testOptions);
 
 			t.expect(sdk.state).toBe('loaded');
@@ -99,6 +102,9 @@ function testSuite<T extends MultiChainFNOptions>({ platform, createSDK, options
 			// Set the transport type as a string in storage (this is how it's stored)
 			mockedData.nativeStorageStub.setItem('multichain-transport', transportString);
 
+			// wait for fake-indexeddb to catch up
+			await Promise.resolve();
+
 			const onNotification = t.vi.fn();
 
 			const optionsWithEvent = {

packages/sdk-multichain/src/store/index.test.ts

@@ -1,5 +1,7 @@
 /** biome-ignore-all lint/suspicious/noExplicitAny: Tests require it */
 /** biome-ignore-all lint/style/noNonNullAssertion: Tests require it */
+import 'fake-indexeddb/auto';
+import { IDBFactory } from 'fake-indexeddb';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import * as t from 'vitest';
 import type { StoreAdapter } from '../domain';
@@ -227,6 +229,7 @@ t.describe(`Store with WebAdapter`, () => {
 		() => {
 			t.vi.stubGlobal('window', {
 				localStorage: nativeStorageStub,
+				indexedDB: new IDBFactory(),
 			});
 		},
 	);

packages/sdk-multichain/tests/indexedDBMock.ts

@@ -0,0 +1,42 @@
+import { StoreAdapterWeb } from '../src/store/adapters/web';
+
+export async function updateIndexedDBMock(key: string, value: string | null): Promise<void> {
+	return new Promise((resolve, reject) => {
+		const dbName = `${StoreAdapterWeb.DB_NAME}-kv-store`;
+		const storeName = StoreAdapterWeb.stores[0];
+
+		const request = window.indexedDB.open(dbName, 1);
+
+		request.onupgradeneeded = () => {
+			const db = request.result;
+			if (!db.objectStoreNames.contains(storeName)) {
+				db.createObjectStore(storeName);
+			}
+		};
+
+		request.onerror = () => reject(new Error('Failed to open IndexedDB.'));
+
+		request.onsuccess = () => {
+			const db = request.result;
+			try {
+				const tx = db.transaction(storeName, 'readwrite');
+				const store = tx.objectStore(storeName);
+
+				const req = value === null ? store.delete(key) : store.put(value, key);
+
+				tx.oncomplete = () => {
+					db.close();
+					resolve();
+				};
+
+				tx.onerror = () => {
+					db.close();
+					reject(new Error('Failed to update value in IndexedDB.'));
+				};
+			} catch (error) {
+				db.close();
+				reject(error);
+			}
+		};
+	});
+}