Add data-testid to the elements missing it on Preferece pages

hawtio · Jan 20, 2025 · 3fc301e · 3fc301e
1 parent 28569cd
commit 3fc301e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/packages/hawtio/src/plugins/connect/ConnectPreferences.tsx b/packages/hawtio/src/plugins/connect/ConnectPreferences.tsx
@@ -186,7 +186,9 @@ const JolokiaForm: React.FunctionComponent = () => {
         />
       </FormGroup>
       <FormGroup fieldId='jolokia-form-apply'>
-        <Button onClick={applyJolokia}>Apply</Button>
+        <Button data-testid='apply-jolokia' onClick={applyJolokia}>
+          Apply
+        </Button>
         <FormHelperText>
           <HelperText>
             <HelperTextItem>Restart Hawtio with the new values in effect.</HelperTextItem>
@@ -221,10 +223,10 @@ const ResetForm: React.FunctionComponent = () => {
       isOpen={isConfirmModalOpen}
       onClose={confirmClear}
       actions={[
-        <Button key='reset' variant='danger' onClick={clear}>
+        <Button key='reset' data-testid='modal-reset-connections' variant='danger' onClick={clear}>
           Clear
         </Button>,
-        <Button key='cancel' variant='link' onClick={confirmClear}>
+        <Button key='cancel' data-testid='modal-cancel-reset-connections' variant='link' onClick={confirmClear}>
           Cancel
         </Button>,
       ]}
@@ -236,7 +238,7 @@ const ResetForm: React.FunctionComponent = () => {
   return (
     <FormSection title='Reset' titleElement='h2'>
       <FormGroup label='Clear saved connections' fieldId='reset-form-clear'>
-        <Button variant='danger' onClick={confirmClear}>
+        <Button data-testid='reset-connections' variant='danger' onClick={confirmClear}>
           Clear
         </Button>
         <ConfirmClearModal />

diff --git a/packages/hawtio/src/preferences/HomePreferences.tsx b/packages/hawtio/src/preferences/HomePreferences.tsx
@@ -40,6 +40,7 @@ const UIForm: React.FunctionComponent = () => {
   return (
     <FormGroup label='Default vertical nav state' fieldId='ui-form-vertical-nav-switch'>
       <Switch
+        data-testid='switch-vertical-nav-state'
         label='Show vertical navigation'
         labelOff='Hide vertical navigation'
         isChecked={showVerticalNav}
@@ -71,10 +72,10 @@ const ResetForm: React.FunctionComponent = () => {
       isOpen={isConfirmResetOpen}
       onClose={confirmReset}
       actions={[
-        <Button key='reset' variant='danger' onClick={reset}>
+        <Button key='reset' data-testid='modal-reset-settings' variant='danger' onClick={reset}>
           Reset
         </Button>,
-        <Button key='cancel' variant='link' onClick={confirmReset}>
+        <Button key='cancel' data-testid='modal-cancel-reset-settings' variant='link' onClick={confirmReset}>
           Cancel
         </Button>,
       ]}
@@ -88,7 +89,7 @@ const ResetForm: React.FunctionComponent = () => {
   return (
     <React.Fragment>
       <FormGroup label='Reset settings' fieldId='reset-form-reset'>
-        <Button variant='danger' onClick={confirmReset}>
+        <Button data-testid='reset-settings' variant='danger' onClick={confirmReset}>
           Reset
         </Button>
         <FormHelperText>