test: provide a testing Pinia by default

Amp-Thread-ID: https://ampcode.com/threads/T-019feeff-305b-73a5-bb82-3ae3a74e816d

Author: ampagent

apps/desktop-ui/src/stores/maintenanceTaskStore.test.ts

@@ -1,6 +1,4 @@
-import { createTestingPinia } from '@pinia/testing'
 import type { InstallValidation } from '@comfyorg/comfyui-electron-types'
-import { setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 const { mockElectron, testTasks } = vi.hoisted(() => {
@@ -55,7 +53,6 @@ function makeUpdate(
 }
 
 function createStore() {
-  setActivePinia(createTestingPinia({ stubActions: false }))
   return useMaintenanceTaskStore()
 }
 

apps/desktop-ui/src/test/setup.ts

@@ -1 +1,8 @@
 import '@testing-library/jest-dom/vitest'
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
+import { beforeEach } from 'vitest'
+
+beforeEach(() => {
+  setActivePinia(createTestingPinia({ stubActions: false }))
+})

src/components/builder/useResolvedSelectedInputs.test.ts

@@ -1,6 +1,4 @@
-import { createTestingPinia } from '@pinia/testing'
 import { fromAny, fromPartial } from '@total-typescript/shoehorn'
-import { setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import type { LGraphNode } from '@/lib/litegraph/src/LGraphNode'
@@ -61,7 +59,6 @@ function dispatchRootGraphEvent(type: string) {
 
 describe('useResolvedSelectedInputs', () => {
   beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
     setRootGraphNodes([])
   })
 

src/components/dialog/GlobalDialog.test.ts

@@ -1,9 +1,7 @@
-import { createTestingPinia } from '@pinia/testing'
 import { cleanup, render, screen, waitFor } from '@testing-library/vue'
 import userEvent from '@testing-library/user-event'
-import { setActivePinia } from 'pinia'
 import PrimeVue from 'primevue/config'
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent, h, nextTick } from 'vue'
 import { createI18n } from 'vue-i18n'
 
@@ -105,10 +103,6 @@ function mountDialog() {
 }
 
 describe('GlobalDialog renderer branching', () => {
-  beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-  })
-
   afterEach(() => {
     cleanup()
   })
@@ -177,10 +171,6 @@ describe('GlobalDialog renderer branching', () => {
 })
 
 describe('GlobalDialog Reka parity with PrimeVue', () => {
-  beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-  })
-
   afterEach(() => {
     cleanup()
   })
@@ -368,10 +358,6 @@ describe('GlobalDialog Reka parity with PrimeVue', () => {
 })
 
 describe('GlobalDialog Reka overlay scrim', () => {
-  beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-  })
-
   afterEach(() => {
     cleanup()
   })
@@ -490,10 +476,6 @@ describe('GlobalDialog Reka overlay scrim', () => {
 })
 
 describe('GlobalDialog Reka focus-outside binding', () => {
-  beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-  })
-
   afterEach(() => {
     cleanup()
   })

src/components/graph/DomWidgets.test.ts

@@ -1,8 +1,6 @@
-import { createTestingPinia } from '@pinia/testing'
 import { fromPartial } from '@total-typescript/shoehorn'
 import { render } from '@testing-library/vue'
-import { setActivePinia } from 'pinia'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 
 import DomWidgets from '@/components/graph/DomWidgets.vue'
 import { Rectangle } from '@/lib/litegraph/src/infrastructure/Rectangle'
@@ -59,10 +57,6 @@ function drawFrame(canvas: LGraphCanvas) {
 }
 
 describe('DomWidgets positioning', () => {
-  beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-  })
-
   it('positions an active visible widget relative to its owning node', () => {
     const canvasStore = useCanvasStore()
     const domWidgetStore = useDomWidgetStore()

src/components/graph/NodeTooltip.test.ts

@@ -1,7 +1,5 @@
 import { cleanup, render, screen } from '@testing-library/vue'
 import userEvent from '@testing-library/user-event'
-import { createTestingPinia } from '@pinia/testing'
-import { setActivePinia } from 'pinia'
 import { nextTick } from 'vue'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 
@@ -151,8 +149,6 @@ async function renderAndHoverCanvas() {
 
 describe('NodeTooltip', () => {
   beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-
     vi.spyOn(useSettingStore(), 'get').mockImplementation(
       <K extends keyof Settings>(key: K): Settings[K] => {
         switch (key) {

src/components/graph/widgets/DomWidget.test.ts

@@ -1,8 +1,6 @@
-import { createTestingPinia } from '@pinia/testing'
 import { render } from '@testing-library/vue'
 import { fromPartial } from '@total-typescript/shoehorn'
-import { setActivePinia } from 'pinia'
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, describe, expect, it, vi } from 'vitest'
 import { nextTick, reactive } from 'vue'
 
 import type { BaseDOMWidget } from '@/scripts/domWidget'
@@ -85,10 +83,6 @@ function createWidgetState(disabled: boolean): DomWidgetState {
 }
 
 describe('DomWidget disabled style', () => {
-  beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-  })
-
   afterEach(() => {
     useDomWidgetStore().clear()
   })

src/components/rightSidePanel/parameters/SectionWidgets.test.ts

@@ -1,7 +1,5 @@
-import { createTestingPinia } from '@pinia/testing'
 import { render, screen } from '@testing-library/vue'
 import userEvent from '@testing-library/user-event'
-import { setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent } from 'vue'
 import { createI18n } from 'vue-i18n'
@@ -137,7 +135,6 @@ function createHostWithPromotedModel(): {
 
 describe('SectionWidgets', () => {
   beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
     setDirty.mockClear()
     getNodeById.mockReset()
     animateToBounds.mockClear()

src/components/rightSidePanel/parameters/TabSubgraphInputs.test.ts

@@ -1,6 +1,4 @@
 import { render } from '@testing-library/vue'
-import { createTestingPinia } from '@pinia/testing'
-import { setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { createI18n } from 'vue-i18n'
 
@@ -78,7 +76,6 @@ function renderPanel(node: SubgraphNode) {
 
 describe('TabSubgraphInputs', () => {
   beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
     captured.rows = []
   })
 

src/components/rightSidePanel/parameters/WidgetActions.test.ts

@@ -1,8 +1,6 @@
-import { createTestingPinia } from '@pinia/testing'
 import { render, screen } from '@testing-library/vue'
 import userEvent from '@testing-library/user-event'
 import { fromAny } from '@total-typescript/shoehorn'
-import { setActivePinia } from 'pinia'
 import type { Slots } from 'vue'
 import { h } from 'vue'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
@@ -88,7 +86,6 @@ const i18n = createI18n({
 
 describe('WidgetActions', () => {
   beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
     mockGetInputSpecForWidget.mockReturnValue({
       type: 'INT',
       default: 42