From 58b3290ed23e7fb77a3e0d570747ae131d7b401c Mon Sep 17 00:00:00 2001
From: ariellalgilmore <ariellalgilmore@gmail.com>
Date: Wed, 26 Jun 2024 11:30:19 -0700
Subject: [PATCH] fix(search): use undefined

---
 .../DataTable/__tests__/__snapshots__/DataTable-test.js.snap  | 4 ----
 .../__tests__/__snapshots__/TableToolbarSearch-test.js.snap   | 2 --
 packages/react/src/components/Search/Search.tsx               | 4 ++--
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
index 0fc1ec228ac4..0ecfe751f940 100644
--- a/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
+++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
@@ -502,9 +502,7 @@ exports[`DataTable behaves as expected selection should render and match snapsho
         >
           <div
             aria-expanded="false"
-            aria-label=""
             class="cds--search-magnifier"
-            role=""
             tabindex="-1"
           >
             <svg
@@ -936,9 +934,7 @@ exports[`DataTable renders as expected - Component API should render and match s
         >
           <div
             aria-expanded="false"
-            aria-label=""
             class="cds--search-magnifier"
-            role=""
             tabindex="-1"
           >
             <svg
diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
index 1bddae3308ee..d7aa2757e2b5 100644
--- a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
+++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
@@ -9,9 +9,7 @@ exports[`TableToolbarSearch renders as expected - Component API should render 1`
   >
     <div
       aria-expanded="false"
-      aria-label=""
       class="cds--search-magnifier"
-      role=""
       tabindex="-1"
     >
       <svg
diff --git a/packages/react/src/components/Search/Search.tsx b/packages/react/src/components/Search/Search.tsx
index da940e719aa6..174bedf73867 100644
--- a/packages/react/src/components/Search/Search.tsx
+++ b/packages/react/src/components/Search/Search.tsx
@@ -228,9 +228,9 @@ const Search = React.forwardRef<HTMLInputElement, SearchProps>(function Search(
       however, it does not need a keyboard event bc the input element gets focus on keyboard nav and expands that way*/}
       {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}
       <div
-        aria-label={onExpand ? 'button' : ''}
+        aria-label={onExpand ? 'button' : undefined}
         aria-labelledby={onExpand ? uniqueId : undefined}
-        role={onExpand ? 'button' : ''}
+        role={onExpand ? 'button' : undefined}
         className={`${prefix}--search-magnifier`}
         onClick={onExpand}
         onKeyDown={handleExpandButtonKeyDown}