From 7f2d38045bd9b6442d939121de623fd024cbfa66 Mon Sep 17 00:00:00 2001
From: Wonsuk Choi <sukvvon@gmail.com>
Date: Fri, 3 Jul 2026 09:44:15 +0900
Subject: [PATCH 1/2] test(solid-query-devtools/devtools): add tests for
 forwarding option changes after mount

---
 .../src/__tests__/devtools.test.tsx           | 101 ++++++++++++++++++
 1 file changed, 101 insertions(+)

diff --git a/packages/solid-query-devtools/src/__tests__/devtools.test.tsx b/packages/solid-query-devtools/src/__tests__/devtools.test.tsx
index 5d197d7e75c..5d3e3899e7b 100644
--- a/packages/solid-query-devtools/src/__tests__/devtools.test.tsx
+++ b/packages/solid-query-devtools/src/__tests__/devtools.test.tsx
@@ -1,8 +1,15 @@
 import { afterEach, describe, expect, it, vi } from 'vitest'
+import { createSignal } from 'solid-js'
 import { render } from '@solidjs/testing-library'
 import { QueryClient, QueryClientProvider } from '@tanstack/solid-query'
 import { TanstackQueryDevtools } from '@tanstack/query-devtools'
 import SolidQueryDevtools from '../devtools'
+import type {
+  DevtoolsButtonPosition,
+  DevtoolsErrorType,
+  DevtoolsPosition,
+  Theme,
+} from '@tanstack/query-devtools'
 
 describe('SolidQueryDevtools', () => {
   afterEach(() => {
@@ -140,6 +147,100 @@ describe('SolidQueryDevtools', () => {
     expect(setClient).toHaveBeenCalledWith(queryClient)
   })
 
+  it('should forward a "buttonPosition" change to the devtools instance after mount', () => {
+    const setButtonPosition = vi.spyOn(
+      TanstackQueryDevtools.prototype,
+      'setButtonPosition',
+    )
+    const queryClient = new QueryClient()
+    const [buttonPosition, setButtonPositionSignal] = createSignal<
+      DevtoolsButtonPosition
+    >('bottom-right')
+
+    render(() => (
+      <SolidQueryDevtools
+        client={queryClient}
+        buttonPosition={buttonPosition()}
+      />
+    ))
+    setButtonPosition.mockClear()
+
+    setButtonPositionSignal('top-left')
+
+    expect(setButtonPosition).toHaveBeenCalledWith('top-left')
+  })
+
+  it('should forward a "position" change to the devtools instance after mount', () => {
+    const setPosition = vi.spyOn(TanstackQueryDevtools.prototype, 'setPosition')
+    const queryClient = new QueryClient()
+    const [position, setPositionSignal] = createSignal<DevtoolsPosition>(
+      'bottom',
+    )
+
+    render(() => (
+      <SolidQueryDevtools client={queryClient} position={position()} />
+    ))
+    setPosition.mockClear()
+
+    setPositionSignal('top')
+
+    expect(setPosition).toHaveBeenCalledWith('top')
+  })
+
+  it('should forward an "initialIsOpen" change to the devtools instance after mount', () => {
+    const setInitialIsOpen = vi.spyOn(
+      TanstackQueryDevtools.prototype,
+      'setInitialIsOpen',
+    )
+    const queryClient = new QueryClient()
+    const [initialIsOpen, setInitialIsOpenSignal] = createSignal(false)
+
+    render(() => (
+      <SolidQueryDevtools client={queryClient} initialIsOpen={initialIsOpen()} />
+    ))
+    setInitialIsOpen.mockClear()
+
+    setInitialIsOpenSignal(true)
+
+    expect(setInitialIsOpen).toHaveBeenCalledWith(true)
+  })
+
+  it('should forward an "errorTypes" change to the devtools instance after mount', () => {
+    const setErrorTypes = vi.spyOn(
+      TanstackQueryDevtools.prototype,
+      'setErrorTypes',
+    )
+    const queryClient = new QueryClient()
+    const [errorTypes, setErrorTypesSignal] = createSignal<
+      Array<DevtoolsErrorType>
+    >([])
+
+    render(() => (
+      <SolidQueryDevtools client={queryClient} errorTypes={errorTypes()} />
+    ))
+    setErrorTypes.mockClear()
+
+    const nextErrorTypes = [
+      { name: 'Network', initializer: () => new Error('Network') },
+    ]
+    setErrorTypesSignal(nextErrorTypes)
+
+    expect(setErrorTypes).toHaveBeenCalledWith(nextErrorTypes)
+  })
+
+  it('should forward a "theme" change to the devtools instance after mount', () => {
+    const setTheme = vi.spyOn(TanstackQueryDevtools.prototype, 'setTheme')
+    const queryClient = new QueryClient()
+    const [theme, setThemeSignal] = createSignal<Theme>('light')
+
+    render(() => <SolidQueryDevtools client={queryClient} theme={theme()} />)
+    setTheme.mockClear()
+
+    setThemeSignal('dark')
+
+    expect(setTheme).toHaveBeenCalledWith('dark')
+  })
+
   it('should call "unmount" on the devtools instance when the component unmounts', () => {
     const unmount = vi.spyOn(TanstackQueryDevtools.prototype, 'unmount')
     const queryClient = new QueryClient()

From e754f374f1d0108650ddee1041750c34fe9cd392 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Fri, 3 Jul 2026 00:45:58 +0000
Subject: [PATCH 2/2] ci: apply automated fixes

---
 .../src/__tests__/devtools.test.tsx               | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/solid-query-devtools/src/__tests__/devtools.test.tsx b/packages/solid-query-devtools/src/__tests__/devtools.test.tsx
index 5d3e3899e7b..f171551b7c8 100644
--- a/packages/solid-query-devtools/src/__tests__/devtools.test.tsx
+++ b/packages/solid-query-devtools/src/__tests__/devtools.test.tsx
@@ -153,9 +153,8 @@ describe('SolidQueryDevtools', () => {
       'setButtonPosition',
     )
     const queryClient = new QueryClient()
-    const [buttonPosition, setButtonPositionSignal] = createSignal<
-      DevtoolsButtonPosition
-    >('bottom-right')
+    const [buttonPosition, setButtonPositionSignal] =
+      createSignal<DevtoolsButtonPosition>('bottom-right')
 
     render(() => (
       <SolidQueryDevtools
@@ -173,9 +172,8 @@ describe('SolidQueryDevtools', () => {
   it('should forward a "position" change to the devtools instance after mount', () => {
     const setPosition = vi.spyOn(TanstackQueryDevtools.prototype, 'setPosition')
     const queryClient = new QueryClient()
-    const [position, setPositionSignal] = createSignal<DevtoolsPosition>(
-      'bottom',
-    )
+    const [position, setPositionSignal] =
+      createSignal<DevtoolsPosition>('bottom')
 
     render(() => (
       <SolidQueryDevtools client={queryClient} position={position()} />
@@ -196,7 +194,10 @@ describe('SolidQueryDevtools', () => {
     const [initialIsOpen, setInitialIsOpenSignal] = createSignal(false)
 
     render(() => (
-      <SolidQueryDevtools client={queryClient} initialIsOpen={initialIsOpen()} />
+      <SolidQueryDevtools
+        client={queryClient}
+        initialIsOpen={initialIsOpen()}
+      />
     ))
     setInitialIsOpen.mockClear()