diff --git a/webapp/components/_new/generic/PaginationButtons/PaginationButtons.spec.js b/webapp/components/_new/generic/PaginationButtons/PaginationButtons.spec.js
index 518580bc6..15a2c5699 100644
--- a/webapp/components/_new/generic/PaginationButtons/PaginationButtons.spec.js
+++ b/webapp/components/_new/generic/PaginationButtons/PaginationButtons.spec.js
@@ -5,10 +5,15 @@ import PaginationButtons from './PaginationButtons'
 const localVue = global.localVue
 
 describe('PaginationButtons.vue', () => {
-  const propsData = {}
+  const propsData = {
+    showPageCounter: true,
+    activePage: 1,
+    activeResourceCount: 57,
+  }
   let wrapper
   const mocks = {
     $t: jest.fn(),
+    scrollTo: jest.fn(),
   }
 
   const Wrapper = () => {
@@ -26,13 +31,13 @@ describe('PaginationButtons.vue', () => {
       })
 
       it('is enabled if hasNext is true', async () => {
-        wrapper.setProps({ hasMoreResults: true })
+        wrapper.setProps({ hasNext: true })
         await wrapper.vm.$nextTick()
         expect(wrapper.find('.next-button').exists()).toEqual(true)
       })
 
       it('emits next when clicked', async () => {
-        wrapper.setProps({ hasMoreResults: true })
+        wrapper.setProps({ hasNext: true })
         await wrapper.vm.$nextTick()
         wrapper.find('.next-button').trigger('click')
         await wrapper.vm.$nextTick()
@@ -50,18 +55,34 @@ describe('PaginationButtons.vue', () => {
       })
 
       it('is enabled if hasPrevious is true', async () => {
-        wrapper.setProps({ hasPreviousResult: true })
+        wrapper.setProps({ hasPrevious: true })
         await wrapper.vm.$nextTick()
         expect(wrapper.find('.previous-button').exists()).toEqual(true)
       })
 
       it('emits back when clicked', async () => {
-        wrapper.setProps({ hasPreviousResult: true })
+        wrapper.setProps({ hasPrevious: true })
         await wrapper.vm.$nextTick()
         wrapper.find('.previous-button').trigger('click')
         await wrapper.vm.$nextTick()
         expect(wrapper.emitted().back).toHaveLength(1)
       })
     })
+
+    describe('page counter', () => {
+      beforeEach(() => {
+        wrapper = Wrapper()
+      })
+
+      it('displays the page counter when showPageCount is true', () => {
+        expect(wrapper.find('.pagination-pageCount').text().replace(/\s+/g, ' ')).toEqual('2 / 3')
+      })
+
+      it('does not display the page counter when showPageCount is false', async () => {
+        wrapper.setProps({ showPageCounter: false })
+        await wrapper.vm.$nextTick()
+        expect(wrapper.find('.pagination-pageCount').exists()).toEqual(false)
+      })
+    })
   })
 })