Fix indexedDB errors in tests

Author: derwebcoder

package-lock.json

@@ -73,6 +73,7 @@
 		"@types/react": "^18.3.4",
 		"@types/react-dom": "^18.3.0",
 		"dotenv": "^16.4.5",
+		"fake-indexeddb": "^6.0.0",
 		"happy-dom": "^15.7.0",
 		"jsdom": "^25.0.0",
 		"storybook": "^8.2.9",

package.json

@@ -1,5 +1,7 @@
 import "@testing-library/jest-dom";
+import "fake-indexeddb/auto";
 import { render, screen } from "@testing-library/react";
+// this import needs to be before the TextInput import
 import { TextInput } from "./TextInput";
 import { describe, it } from "vitest";
 

src/common/components/TextInput/TextInput.test.tsx

@@ -1,4 +1,6 @@
 import { vi } from "vitest";
+// this import needs to be before the spark service import
+import "fake-indexeddb/auto";
 import { SparkService } from "./SparkService";
 import type AppDB from "./AppDB";
 
@@ -14,11 +16,24 @@ describe("SparkService", () => {
 				update: vi.fn(),
 				delete: vi.fn(),
 				orderBy: vi.fn().mockReturnValue({
-					reverse: vi.fn().mockReturnValue({ toArray: toArrayMock }),
+					reverse: vi.fn().mockReturnValue({
+						filter: vi.fn().mockReturnValue({
+							toArray: toArrayMock,
+						}),
+						toArray: toArrayMock,
+					}),
 				}),
 				toCollection: vi.fn().mockReturnValue({
 					reverse: vi.fn().mockReturnValue({ sortBy: vi.fn() }),
 				}),
+				clear: vi.fn(),
+			},
+			tags: {
+				where: vi.fn().mockReturnValue({
+					anyOf: vi.fn().mockReturnValue({
+						toArray: vi.fn(),
+					}),
+				}),
 			},
 		} as unknown as AppDB;
 		sparkService = new SparkService(db);

src/scripts/db/SparkService.test.ts

@@ -7,7 +7,6 @@ import {
 } from "../../interfaces/Spark";
 import { parseSpark, stringToHue } from "../utils/stringUtils";
 import { tagService } from "./TagService";
-import type { PlainTag } from "../../interfaces/Tag";
 
 export class SparkService {
 	constructor(private db: AppDB) {}