added ids to info icons

TIER · Dec 1, 2022 · 1b88cec · 1b88cec
1 parent 5ac148f
commit 1b88cec
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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>