chore: upgrade react-components 0.5.1 (#136)

package.json

@@ -103,7 +103,7 @@
     "@types/react-dom": "18.2.25"
   },
   "peerDependencies": {
-    "@canonical/react-components": "0.52.0",
+    "@canonical/react-components": "0.53.0",
     "@tanstack/react-table": "^8.15.3",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",

src/lib/components/Pagination/Pagination.test.tsx

@@ -68,8 +68,14 @@ it("disables the buttons and input box when the disabled prop is true", () => {
   );
 
   expect(screen.getByRole("spinbutton")).toBeDisabled();
-  expect(screen.getByRole("button", { name: "Next page" })).toBeDisabled();
-  expect(screen.getByRole("button", { name: "Previous page" })).toBeDisabled();
+  expect(screen.getByRole("button", { name: "Next page" })).toHaveAttribute(
+    "aria-disabled",
+    "true",
+  );
+  expect(screen.getByRole("button", { name: "Previous page" })).toHaveAttribute(
+    "aria-disabled",
+    "true",
+  );
 });
 
 it("disables the 'Previous page' button when on the first page", () => {
@@ -85,7 +91,10 @@ it("disables the 'Previous page' button when on the first page", () => {
     />,
   );
 
-  expect(screen.getByRole("button", { name: "Previous page" })).toBeDisabled();
+  expect(screen.getByRole("button", { name: "Previous page" })).toHaveAttribute(
+    "aria-disabled",
+    "true",
+  );
 });
 
 it("disables the 'Next page' button when on the last page", () => {
@@ -101,7 +110,10 @@ it("disables the 'Next page' button when on the last page", () => {
     />,
   );
 
-  expect(screen.getByRole("button", { name: "Next page" })).toBeDisabled();
+  expect(screen.getByRole("button", { name: "Next page" })).toHaveAttribute(
+    "aria-disabled",
+    "true",
+  );
 });
 
 it("can call a function when the 'Next page' button is pressed", async () => {