fix: changed pagination label for select (#18166)

* fix: changed pagination label for select

* fix: avt test cases

---------

Co-authored-by: Gururaj J <89023023+Gururajj77@users.noreply.github.com>

Author: preetibansalui

e2e/components/Pagination/Pagination-test.avt.e2e.js

@@ -50,10 +50,10 @@ test.describe('@avt Pagination', () => {
       name: 'Items per page:',
     });
     const pageSelector = page.getByRole('combobox', {
-      name: 'Page number, of 11 pages',
+      name: 'Page of 11 pages',
     });
     const updatedPageSelector = page.getByRole('combobox', {
-      name: 'Page number, of 3 pages',
+      name: 'Page of 3 pages',
     });
     const nextPageButton = page.getByRole('button', { name: 'Next page' });
     const prevPageButton = page.getByRole('button').first();

packages/react/src/components/Pagination/Pagination.tsx

@@ -388,7 +388,7 @@ const Pagination = React.forwardRef(function Pagination(
             <Select
               id={`${prefix}-pagination-select-${inputId}-right`}
               className={`${prefix}--select__page-number`}
-              labelText={`Page number, of ${totalPages} pages`}
+              labelText={`Page of ${totalPages} pages`}
               inline
               hideLabel
               onChange={handlePageInputChange}

packages/react/src/components/Pagination/__tests__/Pagination-test.js

@@ -118,7 +118,7 @@ describe('Pagination', () => {
           onChange={onChange}
         />
       );
-      await userEvent.selectOptions(screen.getByLabelText(/Page number/), '2');
+      await userEvent.selectOptions(screen.getByLabelText(/Page/), '2');
       expect(onChange).toHaveBeenCalledTimes(1);
       expect(onChange).toHaveBeenCalledWith(
         expect.objectContaining({ page: 2 })
@@ -237,7 +237,7 @@ describe('Pagination', () => {
       );
       expect(screen.getByText('1–1 of 2 items')).toBeInTheDocument();
 
-      await userEvent.selectOptions(screen.getByLabelText(/Page number/), '2');
+      await userEvent.selectOptions(screen.getByLabelText(/Page/), '2');
       expect(screen.getByText('2–2 of 2 items')).toBeInTheDocument();
     });