diff --git a/frontend/src/components/DataGrid.layout.test.tsx b/frontend/src/components/DataGrid.layout.test.tsx index d48fb76..03206fc 100644 --- a/frontend/src/components/DataGrid.layout.test.tsx +++ b/frontend/src/components/DataGrid.layout.test.tsx @@ -1902,6 +1902,45 @@ describe('DataGrid layout', () => { expect(markup).not.toContain('data-grid-pagination-jump="true"'); }); + it('keeps legacy unknown-total pagination in sequential mode instead of numbered pages', () => { + const previousUiVersion = mockStoreState.uiVersion; + mockStoreState.uiVersion = 'legacy'; + + try { + const markup = renderDataGridWithI18n( + {}} + />, + ); + + expect(markup).toContain('第 3 页'); + expect(markup).toContain('data-grid-pagination-sequential="true"'); + expect(markup).not.toContain('class="ant-pagination'); + expect(markup).not.toContain('data-grid-pagination-jump="true"'); + } finally { + mockStoreState.uiVersion = previousUiVersion; + } + }); + it('renders the v2 DataGrid toolbar using the redesigned topbar hooks', () => { const markup = renderDataGridWithI18n( = ({ translate = defaultTranslate, }) => { const [jumpPage, setJumpPage] = React.useState(pagination?.current ?? null); + const showSequentialPagination = !showKnownPageCount; React.useEffect(() => { setJumpPage(pagination?.current ?? null); @@ -93,6 +94,31 @@ const DataGridPaginationBar: React.FC = ({ ) : null; + const sequentialPaginationControl = ( +
+
+ ); return (
= ({ {translate('data_grid.pagination.result_set')} {paginationSummaryText}
- { - if (type === 'prev') { - return ; - } - if (type === 'next') { - return ; - } - return originalElement; - }} - /> + {showSequentialPagination ? sequentialPaginationControl : ( + { + if (type === 'prev') { + return ; + } + if (type === 'next') { + return ; + } + return originalElement; + }} + /> + )} {jumpPageControl}