From 1b88cecbb3cb770f4b30c4d7bb71aacc8dd81fd7 Mon Sep 17 00:00:00 2001
From: Ryan Mathis <rmathis@unicon.net>
Date: Thu, 1 Dec 2022 15:34:24 -0700
Subject: [PATCH] added ids to info icons

---
 ui/src/app/admin/container/ConfigurationList.js           | 4 ++--
 ui/src/app/form/component/InfoIcon.js                     | 2 +-
 ui/src/app/metadata/component/properties/PropertyValue.js | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/src/app/admin/container/ConfigurationList.js b/ui/src/app/admin/container/ConfigurationList.js
index 2704006b6..d255784fa 100644
--- a/ui/src/app/admin/container/ConfigurationList.js
+++ b/ui/src/app/admin/container/ConfigurationList.js
@@ -95,7 +95,7 @@ export function ConfigurationList({ configurations, onDelete, loading }) {
                                                                 </Popover>
                                                             )}
                                                             aria-label={translate('')}>
-                                                                <Button onClick={() => download(c.resourceId, 'single')} variant="link" disabled={downloader.loading}>
+                                                                <Button onClick={() => download(c.resourceId, 'single')} variant="link" disabled={downloader.loading} id="info-tooltip.download-single-config">
                                                                     <FontAwesomeIcon icon={faDownload} />
                                                                     &nbsp; <Translate value="action.download-single-config">Single file</Translate>
                                                                 </Button>
@@ -107,7 +107,7 @@ export function ConfigurationList({ configurations, onDelete, loading }) {
                                                                 </Popover>
                                                             )}
                                                             aria-label={translate('')}>
-                                                                <Button onClick={() => download(c.resourceId, 'multi')} variant="link" disabled={downloader.loading}>
+                                                                <Button onClick={() => download(c.resourceId, 'multi')} variant="link" disabled={downloader.loading} id={`info-tooltip.download-multi-config`}>
                                                                     <FontAwesomeIcon icon={faDownload} />
                                                                     &nbsp; <Translate value="action.download-multi-config">Multi file</Translate>
                                                                 </Button>
diff --git a/ui/src/app/form/component/InfoIcon.js b/ui/src/app/form/component/InfoIcon.js
index 649577595..0d455d51c 100644
--- a/ui/src/app/form/component/InfoIcon.js
+++ b/ui/src/app/form/component/InfoIcon.js
@@ -17,7 +17,7 @@ export function InfoIcon ({ value = '', placement='auto', ...props }) {
             </Popover>
         )}
         aria-label={translate('tooltip.instruction')}>
-            <Button variant="text" className="info-icon">
+            <Button variant="text" className="info-icon" id={`info-${value}`}>
                 <span className="sr-only">Description</span>
                 <FontAwesomeIcon className="text-primary" icon={faInfoCircle} size="lg" {...props} />
             </Button>
diff --git a/ui/src/app/metadata/component/properties/PropertyValue.js b/ui/src/app/metadata/component/properties/PropertyValue.js
index 51912417d..5714fe97a 100644
--- a/ui/src/app/metadata/component/properties/PropertyValue.js
+++ b/ui/src/app/metadata/component/properties/PropertyValue.js
@@ -20,7 +20,8 @@ export function PropertyValue ({ name, value, columns, className }) {
                 <span
                     className={`d-block text-truncate ${className}`}
                     role="definition"
-                    style={columns ? { width } : {}}>
+                    style={columns ? { width } : {}}
+                    id={`info-${value.toString()}`}>
                     <Translate value={value !== undefined ? value.toString() : (value === false) ? value.toString() : '-'}>
                         {value !== undefined ? value.toString() : (value === false) ? value.toString() : '-'}
                     </Translate>