test(query-devtools/{DevtoolsComponent,DevtoolsPanelComponent}): add tests for rendering with all props (#10752)

Author: sukvvon

packages/query-devtools/src/__tests__/DevtoolsComponent.test.tsx

@@ -61,7 +61,7 @@ describe('DevtoolsComponent', () => {
     queryClient.clear()
   })
 
-  it('should render without throwing', () => {
+  it('should render without throwing when only required props are provided', () => {
     expect(() =>
       render(() => (
         <DevtoolsComponent
@@ -73,4 +73,25 @@ describe('DevtoolsComponent', () => {
       )),
     ).not.toThrow()
   })
+
+  it('should render without throwing when all props are provided', () => {
+    expect(() =>
+      render(() => (
+        <DevtoolsComponent
+          client={queryClient}
+          queryFlavor="TanStack Query"
+          version="5"
+          onlineManager={onlineManager}
+          buttonPosition="top-left"
+          position="left"
+          initialIsOpen={true}
+          errorTypes={[
+            { name: 'NetworkError', initializer: () => new Error('Network') },
+          ]}
+          hideDisabledQueries={true}
+          theme="dark"
+        />
+      )),
+    ).not.toThrow()
+  })
 })

packages/query-devtools/src/__tests__/DevtoolsPanelComponent.test.tsx

@@ -77,7 +77,7 @@ describe('DevtoolsPanelComponent', () => {
     document.documentElement.style.fontSize = previousRootFontSize
   })
 
-  it('should render the panel without throwing', () => {
+  it('should render the panel without throwing when only required props are provided', () => {
     expect(() =>
       render(() => (
         <DevtoolsPanelComponent
@@ -90,6 +90,25 @@ describe('DevtoolsPanelComponent', () => {
     ).not.toThrow()
   })
 
+  it('should render the panel without throwing when all props are provided', () => {
+    expect(() =>
+      render(() => (
+        <DevtoolsPanelComponent
+          client={queryClient}
+          queryFlavor="TanStack Query"
+          version="5"
+          onlineManager={onlineManager}
+          errorTypes={[
+            { name: 'NetworkError', initializer: () => new Error('Network') },
+          ]}
+          hideDisabledQueries={true}
+          theme="dark"
+          onClose={() => {}}
+        />
+      )),
+    ).not.toThrow()
+  })
+
   it('should not render the open devtools button in panel-only mode', () => {
     const rendered = render(() => (
       <DevtoolsPanelComponent