test(solid-query-devtools/devtoolsPanel): add wiring and default-value cases for 'onClose', 'errorTypes', 'theme', 'setClient', and 'unmount' (#10827)

* test(solid-query-devtools/devtoolsPanel): add wiring and default-value cases for 'onClose', 'errorTypes', 'theme', 'setClient', and 'unmount'

* ci: apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: sukvvon

packages/solid-query-devtools/src/__tests__/devtoolsPanel.test.tsx

@@ -1,9 +1,14 @@
-import { describe, expect, it } from 'vitest'
+import { afterEach, describe, expect, it, vi } from 'vitest'
 import { render } from '@solidjs/testing-library'
 import { QueryClient, QueryClientProvider } from '@tanstack/solid-query'
+import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'
 import SolidQueryDevtoolsPanel from '../devtoolsPanel'
 
 describe('SolidQueryDevtoolsPanel', () => {
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
   it('should throw an error if no query client has been set', () => {
     expect(() => render(() => <SolidQueryDevtoolsPanel />)).toThrow(
       'No QueryClient set, use QueryClientProvider to set one',
@@ -29,4 +34,102 @@ describe('SolidQueryDevtoolsPanel', () => {
       render(() => <SolidQueryDevtoolsPanel client={queryClient} />),
     ).not.toThrow()
   })
+
+  it('should forward "onClose" to the devtools instance', () => {
+    const setOnClose = vi.spyOn(
+      TanstackQueryDevtoolsPanel.prototype,
+      'setOnClose',
+    )
+    const queryClient = new QueryClient()
+    const onClose = vi.fn()
+
+    render(() => (
+      <SolidQueryDevtoolsPanel client={queryClient} onClose={onClose} />
+    ))
+
+    expect(setOnClose).toHaveBeenCalledWith(onClose)
+  })
+
+  it('should default "onClose" to a no-op function when the prop is omitted', () => {
+    const setOnClose = vi.spyOn(
+      TanstackQueryDevtoolsPanel.prototype,
+      'setOnClose',
+    )
+    const queryClient = new QueryClient()
+
+    render(() => <SolidQueryDevtoolsPanel client={queryClient} />)
+
+    expect(setOnClose).toHaveBeenCalledWith(expect.any(Function))
+  })
+
+  it('should forward "errorTypes" to the devtools instance', () => {
+    const setErrorTypes = vi.spyOn(
+      TanstackQueryDevtoolsPanel.prototype,
+      'setErrorTypes',
+    )
+    const queryClient = new QueryClient()
+    const errorTypes = [
+      { name: 'Network', initializer: () => new Error('Network') },
+    ]
+
+    render(() => (
+      <SolidQueryDevtoolsPanel client={queryClient} errorTypes={errorTypes} />
+    ))
+
+    expect(setErrorTypes).toHaveBeenCalledWith(errorTypes)
+  })
+
+  it('should default "errorTypes" to an empty array when the prop is omitted', () => {
+    const setErrorTypes = vi.spyOn(
+      TanstackQueryDevtoolsPanel.prototype,
+      'setErrorTypes',
+    )
+    const queryClient = new QueryClient()
+
+    render(() => <SolidQueryDevtoolsPanel client={queryClient} />)
+
+    expect(setErrorTypes).toHaveBeenCalledWith([])
+  })
+
+  it('should forward "theme" to the devtools instance', () => {
+    const setTheme = vi.spyOn(TanstackQueryDevtoolsPanel.prototype, 'setTheme')
+    const queryClient = new QueryClient()
+
+    render(() => <SolidQueryDevtoolsPanel client={queryClient} theme="dark" />)
+
+    expect(setTheme).toHaveBeenCalledWith('dark')
+  })
+
+  it('should default "theme" to "system" when the prop is omitted', () => {
+    const setTheme = vi.spyOn(TanstackQueryDevtoolsPanel.prototype, 'setTheme')
+    const queryClient = new QueryClient()
+
+    render(() => <SolidQueryDevtoolsPanel client={queryClient} />)
+
+    expect(setTheme).toHaveBeenCalledWith('system')
+  })
+
+  it('should forward the resolved "QueryClient" via "setClient"', () => {
+    const setClient = vi.spyOn(
+      TanstackQueryDevtoolsPanel.prototype,
+      'setClient',
+    )
+    const queryClient = new QueryClient()
+
+    render(() => <SolidQueryDevtoolsPanel client={queryClient} />)
+
+    expect(setClient).toHaveBeenCalledWith(queryClient)
+  })
+
+  it('should call "unmount" on the devtools instance when the component unmounts', () => {
+    const unmount = vi.spyOn(TanstackQueryDevtoolsPanel.prototype, 'unmount')
+    const queryClient = new QueryClient()
+
+    const { unmount: unmountComponent } = render(() => (
+      <SolidQueryDevtoolsPanel client={queryClient} />
+    ))
+    unmountComponent()
+
+    expect(unmount).toHaveBeenCalled()
+  })
 })