Right handling of zero pages in pagination

RISDEV-2857
digitalservicebund · Dec 12, 2023 · 0b07e14 · 0b07e14
1 parent 74a3e05
commit 0b07e14
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/frontend/src/shared/components/Pagination.vue b/frontend/src/shared/components/Pagination.vue
@@ -62,7 +62,7 @@ export type PageableService<TResult, TQuery = TResult> = (
           <span class="underline">zurück</span>
         </PaginationButton>
         <span v-if="page">
-          {{ page.number + 1 }} von {{ page.totalPages }}
+          {{ page.totalPages ? page.number + 1 : 0 }} von {{ page.totalPages }}
         </span>
         <PaginationButton
           aria-label="nächste Ergebnisse"

diff --git a/frontend/test/shared/components/pagination.spec.ts b/frontend/test/shared/components/pagination.spec.ts
@@ -81,6 +81,12 @@ describe("Pagination", () => {
     await screen.findByText("1 von 200")
   })
 
+  test("displays 0 pages if there a no pages", async () => {
+    renderComponent({ totalPages: 0 })
+
+    await screen.findByText("0 von 0")
+  })
+
   test("next button disabled if on last page", async () => {
     renderComponent({ last: true })