From 3203c7592a151d7353778133575b211de5e62946 Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Wed, 20 May 2026 09:55:03 +0900 Subject: [PATCH] test(query-devtools/Explorer): add test for independently toggling two pages --- .../src/__tests__/Explorer.test.tsx | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/packages/query-devtools/src/__tests__/Explorer.test.tsx b/packages/query-devtools/src/__tests__/Explorer.test.tsx index fb94f5695e..d3424cd28f 100644 --- a/packages/query-devtools/src/__tests__/Explorer.test.tsx +++ b/packages/query-devtools/src/__tests__/Explorer.test.tsx @@ -357,6 +357,25 @@ describe('Explorer', () => { expect(rendered.getByText('0:')).toBeInTheDocument() expect(rendered.getByText('"item-0"')).toBeInTheDocument() }) + + it('should independently toggle two pages when their headers are clicked', () => { + const rendered = renderExplorer({ + label: 'big', + value: Array.from({ length: 200 }, (_, i) => `item-${i}`), + }) + + fireEvent.click(rendered.getByRole('button', { expanded: false })) + fireEvent.click(rendered.getByText('[0...99]')) + fireEvent.click(rendered.getByText('[100...199]')) + + expect(rendered.getByText('"item-0"')).toBeInTheDocument() + expect(rendered.getByText('"item-100"')).toBeInTheDocument() + + fireEvent.click(rendered.getByText('[0...99]')) + + expect(rendered.queryByText('"item-0"')).toBeNull() + expect(rendered.getByText('"item-100"')).toBeInTheDocument() + }) }) describe('inline edit', () => {