From cdd462f5c841cf8f1dd009768be59c0720ada7c2 Mon Sep 17 00:00:00 2001
From: Chitlange Sahas <chitlangesahas@gmail.com>
Date: Wed, 20 Oct 2021 12:38:20 -0700
Subject: [PATCH] chore: paginationItem button testid (#690)

---
 giraffe/package.json                                  |  2 +-
 .../SimpleTable/PaginationNav/PaginationItem.tsx      | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/giraffe/package.json b/giraffe/package.json
index 5031de79..b8d33356 100644
--- a/giraffe/package.json
+++ b/giraffe/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@influxdata/giraffe",
-  "version": "2.18.9",
+  "version": "2.18.10",
   "main": "dist/index.js",
   "module": "src/index.js",
   "license": "MIT",
diff --git a/giraffe/src/components/SimpleTable/PaginationNav/PaginationItem.tsx b/giraffe/src/components/SimpleTable/PaginationNav/PaginationItem.tsx
index 9f6dd522..860078a2 100644
--- a/giraffe/src/components/SimpleTable/PaginationNav/PaginationItem.tsx
+++ b/giraffe/src/components/SimpleTable/PaginationNav/PaginationItem.tsx
@@ -38,7 +38,16 @@ export const PaginationItem = forwardRef<
       data-testid={testID}
       ref={ref}
     >
-      <Button onClick={onClick} active={isActive} text={page}></Button>
+      <Button
+        onClick={onClick}
+        active={isActive}
+        text={page}
+        testID={
+          isActive
+            ? `pagination-item-${page}-active`
+            : `pagination-item-${page}`
+        }
+      />
     </li>
   )
 })