diff --git a/packages/query-devtools/src/__tests__/Explorer.test.tsx b/packages/query-devtools/src/__tests__/Explorer.test.tsx index eb4422d282..fb329a98db 100644 --- a/packages/query-devtools/src/__tests__/Explorer.test.tsx +++ b/packages/query-devtools/src/__tests__/Explorer.test.tsx @@ -433,6 +433,30 @@ 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', () => {