test: install Pinia before constructing graphs

Amp-Thread-ID: https://ampcode.com/threads/T-019fef81-c9e1-7658-a571-55818c44c32a

Author: ampagent

src/lib/litegraph/src/LGraphCanvas.linkDragAutoPan.test.ts

@@ -1,3 +1,5 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 
 import { LGraph, LGraphCanvas } from '@/lib/litegraph/src/litegraph'
@@ -10,6 +12,7 @@ describe('LGraphCanvas link drag auto-pan', () => {
   let canvasElement: HTMLCanvasElement
 
   beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
     vi.useFakeTimers()
 
     canvasElement = document.createElement('canvas')

src/lib/litegraph/src/LGraphCanvas.onMenuAdd.test.ts

@@ -1,3 +1,5 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
 import { fromPartial } from '@total-typescript/shoehorn'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 
@@ -60,6 +62,7 @@ describe('LGraphCanvas.onMenuAdd category sorting', () => {
   const capturedEntries: MenuEntry[][] = []
 
   beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
     graph = new LGraph()
     canvas = createCanvas(graph)
     LGraphCanvas.active_canvas = canvas

src/lib/litegraph/src/LGraphCanvas.renderInfo.test.ts

@@ -1,3 +1,5 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import { LGraph, LGraphCanvas } from '@/lib/litegraph/src/litegraph'
@@ -7,6 +9,7 @@ describe('LGraphCanvas.renderInfo', () => {
   let ctx: CanvasRenderingContext2D
 
   beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
     const canvasElement = document.createElement('canvas')
     ctx = {
       save: vi.fn(),

src/lib/litegraph/src/LGraphCanvas.titleButtons.test.ts

@@ -1,3 +1,5 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import {
@@ -13,6 +15,7 @@ describe('LGraphCanvas Title Button Rendering', () => {
   let node: LGraphNode
 
   beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
     // Create a mock canvas element
     const canvasElement = document.createElement('canvas')
     ctx = {

src/lib/litegraph/src/LGraphGroup.test.ts

@@ -11,6 +11,8 @@ import { createUuidv4 } from '@/utils/uuid'
 
 import { test } from './__fixtures__/testExtensions'
 
+beforeEach(() => setActivePinia(createTestingPinia({ stubActions: false })))
+
 describe('LGraphGroup', () => {
   test('serializes to the existing format', () => {
     const link = new LGraphGroup('title', 929)
@@ -87,9 +89,6 @@ describe('LGraphGroup', () => {
 })
 
 describe('group layout in layoutStore', () => {
-  // graph.add(node) registers node state, which needs a store.
-  beforeEach(() => setActivePinia(createTestingPinia({ stubActions: false })))
-
   function addedGroup(graph: LGraph, id: GroupId) {
     const group = new LGraphGroup('group', id)
     group.pos = [100, 100]

src/renderer/extensions/vueNodes/components/LGraphNode.subgraph.test.ts

@@ -62,7 +62,8 @@ vi.mock('@/i18n', () => ({
 }))
 
 describe('Vue Node - Subgraph Functionality', () => {
-  const rootGraph = new LGraph()
+  let rootGraph: LGraph
+  let pinia: ReturnType<typeof createTestingPinia>
 
   // Helper to setup common mocks
   const setupMocks = async (isSubgraph = true, hasGraph = true) => {
@@ -75,6 +76,9 @@ describe('Vue Node - Subgraph Functionality', () => {
   }
 
   beforeEach(() => {
+    pinia = createTestingPinia({ createSpy: vi.fn, stubActions: false })
+    setActivePinia(pinia)
+    rootGraph = new LGraph()
     vi.clearAllMocks()
   })
 
@@ -90,8 +94,6 @@ describe('Vue Node - Subgraph Functionality', () => {
   })
 
   const renderComponent = (props: { nodeData: NodeState }) => {
-    const pinia = createTestingPinia({ createSpy: vi.fn })
-    setActivePinia(pinia)
     useCanvasStore().currentGraph = rootGraph
     return render(LGraphNode, {
       props,