From 0c80f03386e7435342d84ceaf7e8a8272adab222 Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Wed, 20 May 2026 20:37:25 +0900 Subject: [PATCH 1/2] test(query-devtools/Explorer): add test for action buttons rendered inside a paginated page --- .../src/__tests__/Explorer.test.tsx | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/packages/query-devtools/src/__tests__/Explorer.test.tsx b/packages/query-devtools/src/__tests__/Explorer.test.tsx index eb4422d282..802c7d71d1 100644 --- a/packages/query-devtools/src/__tests__/Explorer.test.tsx +++ b/packages/query-devtools/src/__tests__/Explorer.test.tsx @@ -433,6 +433,29 @@ describe('Explorer', () => { expect(rendered.queryByText('"item-0"')).toBeNull() expect(rendered.getByText('"item-100"')).toBeInTheDocument() }) + + it('should render action buttons for items inside a paginated page', () => { + const value: Array> = Array.from({ length: 200 }, (_, i) => [ + i, + ]) + queryClient.setQueryData(['data'], value) + + const rendered = renderExplorer({ + label: 'Data', + value, + defaultExpanded: ['Data'], + editable: true, + activeQuery: queryClient + .getQueryCache() + .find({ queryKey: ['data'] }) as Query, + }) + + fireEvent.click(rendered.getByText('[0...99]')) + + expect( + rendered.getAllByLabelText('Remove all items').length, + ).toBeGreaterThan(1) + }) }) describe('inline edit', () => { From 3636cd5c6af0626983b17aafa4598e5be6038022 Mon Sep 17 00:00:00 2001 From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com> Date: Wed, 20 May 2026 11:39:10 +0000 Subject: [PATCH 2/2] ci: apply automated fixes --- packages/query-devtools/src/__tests__/Explorer.test.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/query-devtools/src/__tests__/Explorer.test.tsx b/packages/query-devtools/src/__tests__/Explorer.test.tsx index 802c7d71d1..fb329a98db 100644 --- a/packages/query-devtools/src/__tests__/Explorer.test.tsx +++ b/packages/query-devtools/src/__tests__/Explorer.test.tsx @@ -435,9 +435,10 @@ describe('Explorer', () => { }) it('should render action buttons for items inside a paginated page', () => { - const value: Array> = Array.from({ length: 200 }, (_, i) => [ - i, - ]) + const value: Array> = Array.from( + { length: 200 }, + (_, i) => [i], + ) queryClient.setQueryData(['data'], value) const rendered = renderExplorer({