test(tables): cover pagination across the toolbar and card footer

The existing component test mounts a three row fixture, so the footer pagination
never rendered and the two pagination controls were never exercised together.
Mount NcTable with 150 generated rows instead and assert that paging from either
control moves the other, that the footer only appears beyond the first page, and
that it renders in the gallery layout.

Removing the event bus subscription from PaginationBlock fails the two sync
assertions, so they guard the behaviour rather than the markup.

Assisted-by: ClaudeCode:claude-opus-5
Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>

Author: AndyScherzinger

cypress/component/PaginationSync.cy.js

@@ -0,0 +1,128 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+import NcTable from '../../src/shared/components/ncTable/NcTable.vue'
+
+const ROWS_PER_PAGE = 100
+const ROW_COUNT = 150
+
+const TOOLBAR_PAGINATION = '.options .pagination-block'
+const FOOTER_PAGINATION = '.pagination-footer'
+const PAGE_INPUT = 'input[type="number"]'
+
+describe('Pagination', () => {
+	let richObject = {}
+
+	before(() => {
+		cy.fixture('widgets/richObject.json')
+			.then(richObjectFixture => {
+				richObject = richObjectFixture
+			})
+	})
+
+	it('shows a footer pagination once the rows span more than one page', () => {
+		mountTable(richObject, ROW_COUNT)
+
+		cy.get(TOOLBAR_PAGINATION).should('exist')
+		cy.get(FOOTER_PAGINATION).should('exist')
+	})
+
+	it('hides the footer pagination while everything fits on one page', () => {
+		mountTable(richObject, ROWS_PER_PAGE)
+
+		cy.get(TOOLBAR_PAGINATION).should('exist')
+		cy.get(FOOTER_PAGINATION).should('not.exist')
+	})
+
+	it('keeps the toolbar pagination in sync when paging from the footer', () => {
+		mountTable(richObject, ROW_COUNT)
+
+		cy.get(`${FOOTER_PAGINATION} ${PAGE_INPUT}`).should('have.value', '1')
+		cy.get(TOOLBAR_PAGINATION).find(PAGE_INPUT).should('have.value', '1')
+
+		cy.get(FOOTER_PAGINATION)
+			.find('button[aria-label="Go to next page"]')
+			.click()
+
+		cy.get(TOOLBAR_PAGINATION).find(PAGE_INPUT).should('have.value', '2')
+		cy.get(`${FOOTER_PAGINATION} ${PAGE_INPUT}`).should('have.value', '2')
+		cy.get('tr[data-cy="customTableRow"]').first().should('contain', `Row ${ROWS_PER_PAGE + 1}`)
+	})
+
+	it('keeps the footer pagination in sync when paging from the toolbar', () => {
+		mountTable(richObject, ROW_COUNT)
+
+		cy.get(TOOLBAR_PAGINATION)
+			.find('button[aria-label="Go to last page"]')
+			.click()
+
+		cy.get(`${FOOTER_PAGINATION} ${PAGE_INPUT}`).should('have.value', '2')
+		cy.get(TOOLBAR_PAGINATION).find(PAGE_INPUT).should('have.value', '2')
+	})
+
+	it('renders the footer pagination in the gallery layout', () => {
+		mountTable(richObject, ROW_COUNT, { layout: 'gallery' })
+
+		cy.get('[data-cy="galleryLayoutCard"]').should('have.length', ROWS_PER_PAGE)
+		cy.get(FOOTER_PAGINATION).should('exist')
+	})
+
+	it('falls back to a valid page when the row set shrinks', () => {
+		mountTable(richObject, ROW_COUNT).then(({ wrapper }) => {
+			cy.get(FOOTER_PAGINATION)
+				.find('button[aria-label="Go to last page"]')
+				.click()
+
+			cy.get(`${FOOTER_PAGINATION} ${PAGE_INPUT}`)
+				.should('have.value', '2')
+				.then(() => wrapper.setProps({ rows: buildRows(richObject, 10) }))
+
+			cy.get(TOOLBAR_PAGINATION).find(PAGE_INPUT).should('have.value', '1')
+			cy.get('tr[data-cy="customTableRow"]').should('have.length', 10)
+		})
+	})
+})
+
+/**
+ * Builds a row set of the requested size from the fixture, labelling every row so that the
+ * currently rendered page can be identified.
+ *
+ * @param {object} richObject the widget fixture holding the column and row templates
+ * @param {number} count how many rows to build
+ * @return {Array} the generated rows
+ */
+function buildRows(richObject, count) {
+	const [template] = richObject.rows
+	const labelColumnId = richObject.columns[0].id
+
+	return Array.from({ length: count }, (unused, index) => ({
+		...template,
+		id: 1000 + index,
+		data: template.data.map(cell => (
+			cell.columnId === labelColumnId
+				? { ...cell, value: `Row ${index + 1}` }
+				: { ...cell }
+		)),
+	}))
+}
+
+/**
+ * Mounts NcTable with a generated row set.
+ *
+ * @param {object} richObject the widget fixture holding the column and row templates
+ * @param {number} rowCount how many rows to render
+ * @param {object} viewSetting the view setting to render with
+ * @return {Cypress.Chainable} the mount result
+ */
+function mountTable(richObject, rowCount, viewSetting = {}) {
+	return cy.mount(NcTable, {
+		props: {
+			rows: buildRows(richObject, rowCount),
+			columns: richObject.columns,
+			elementId: richObject.id,
+			isView: false,
+			viewSetting,
+		},
+	})
+}