test(solid-query-devtools/devtools): add tests for forwarding 'buttonPosition' and 'position' props to the devtools instance (#10819)

* test(solid-query-devtools/devtools): add tests for forwarding 'buttonPosition' and 'position' props to the devtools instance

* 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__/devtools.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 { TanstackQueryDevtools } from '@tanstack/query-devtools'
 import SolidQueryDevtools from '../devtools'
 
 describe('SolidQueryDevtools', () => {
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
   it('should throw an error if no query client has been set', () => {
     expect(() => render(() => <SolidQueryDevtools />)).toThrow(
       'No QueryClient set, use QueryClientProvider to set one',
@@ -29,4 +34,27 @@ describe('SolidQueryDevtools', () => {
       render(() => <SolidQueryDevtools client={queryClient} />),
     ).not.toThrow()
   })
+
+  it('should forward "buttonPosition" to the devtools instance', () => {
+    const setButtonPosition = vi.spyOn(
+      TanstackQueryDevtools.prototype,
+      'setButtonPosition',
+    )
+    const queryClient = new QueryClient()
+
+    render(() => (
+      <SolidQueryDevtools client={queryClient} buttonPosition="top-left" />
+    ))
+
+    expect(setButtonPosition).toHaveBeenCalledWith('top-left')
+  })
+
+  it('should forward "position" to the devtools instance', () => {
+    const setPosition = vi.spyOn(TanstackQueryDevtools.prototype, 'setPosition')
+    const queryClient = new QueryClient()
+
+    render(() => <SolidQueryDevtools client={queryClient} position="left" />)
+
+    expect(setPosition).toHaveBeenCalledWith('left')
+  })
 })