@tanstack/react-query-devtools 4.0.0

package/src/__tests__/Explorer.test.tsx

@@ -0,0 +1,68 @@
+import * as React from 'react'
+import { fireEvent, render, screen } from '@testing-library/react'
+
+import { chunkArray, DefaultRenderer } from '../Explorer'
+import { displayValue } from '../utils'
+
+describe('Explorer', () => {
+  describe('chunkArray', () => {
+    it('when the size is less than one return an empty array', () => {
+      expect(chunkArray([1, 2, 3], 0)).toStrictEqual([])
+    })
+
+    it('when the array is empty return an empty array', () => {
+      expect(chunkArray([], 2)).toStrictEqual([])
+    })
+
+    it('when the array is evenly chunked return full chunks ', () => {
+      expect(chunkArray([1, 2, 3, 4], 2)).toStrictEqual([
+        [1, 2],
+        [3, 4],
+      ])
+    })
+
+    it('when the array is not evenly chunkable by size the last item is the remaining elements  ', () => {
+      const chunks = chunkArray([1, 2, 3, 4, 5], 2)
+      const lastChunk = chunks[chunks.length - 1]
+      expect(lastChunk).toStrictEqual([5])
+    })
+  })
+
+  describe('DefaultRenderer', () => {
+    it('when the entry label is clicked, toggle expanded', async () => {
+      const toggleExpanded = jest.fn()
+
+      render(
+        <DefaultRenderer
+          label="the top level label"
+          toggleExpanded={toggleExpanded}
+          pageSize={10}
+          expanded={false}
+          subEntryPages={[[{ label: 'A lovely label' }]]}
+          HandleEntry={() => <></>}
+          value={undefined}
+          subEntries={[]}
+          type="string"
+        />,
+      )
+
+      const expandButton = screen.getByRole('button', {
+        name: /▶ the top level label 0 item/i,
+      })
+
+      fireEvent.click(expandButton)
+
+      expect(toggleExpanded).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('displayValue', () => {
+    it('when the value is a boolean', () => {
+      expect(displayValue(true)).toBe('true')
+    })
+
+    it('when the value is a BigInt', () => {
+      expect(displayValue(BigInt(1))).toBe('"1n"')
+    })
+  })
+})