add missing ids for tests

Author: jpinsonneau

web/src/components/forms/editor-toggle.tsx

@@ -55,6 +55,7 @@ export const EditorToggle: FC<EditorToggleProps> = ({
             {t('Configure via:')}
           </label>
           <Radio
+            data-test={`${EditorType.CUSTOM}-view-input`}
             id={EditorType.CUSTOM}
             isChecked={type === EditorType.CUSTOM}
             label={t('Form view')}
@@ -84,19 +85,42 @@ export const EditorToggle: FC<EditorToggleProps> = ({
             </Alert>
           )}
           <ActionGroup className="pf-v5-c-form">
-            <Button type="submit" onClick={onSubmit} variant="primary">
+            <Button
+              id={isUpdate ? 'update-resource-button' : 'create-resource-button'}
+              data-test-id={isUpdate ? 'update-resource-button' : 'create-resource-button'}
+              type="submit"
+              onClick={onSubmit}
+              variant="primary"
+            >
               {isUpdate ? t('Update') : t('Create')}
             </Button>
             {updated && (
-              <Button type="submit" onClick={onReload} variant="secondary">
+              <Button
+                id="reload-resource-button"
+                data-test-id="reload-resource-button"
+                type="submit"
+                onClick={onReload}
+                variant="secondary"
+              >
                 {t('Reload')}
               </Button>
             )}
-            <Button onClick={onCancel} variant="secondary">
+            <Button
+              id="cancel-resource-button"
+              data-test-id="cancel-resource-button"
+              onClick={onCancel}
+              variant="secondary"
+            >
               {t('Cancel')}
             </Button>
             {isUpdate && (
-              <Button type="submit" onClick={onDelete} variant="danger">
+              <Button
+                id="delete-resource-button"
+                data-test-id="delete-resource-button"
+                type="submit"
+                onClick={onDelete}
+                variant="danger"
+              >
                 {t('Delete')}
               </Button>
             )}

web/src/components/forms/flowCollector-status.tsx

@@ -47,14 +47,20 @@ export const FlowCollectorStatus: FC<FlowCollectorStatusProps> = () => {
                         <FlexItem>
                           <Button
                             id="edit-flow-collector"
+                            data-test-id="edit-flow-collector"
                             variant="primary"
                             onClick={() => navigate(flowCollectorEditPath)}
                           >
                             {t('Edit FlowCollector')}
                           </Button>
                         </FlexItem>
                         <FlexItem>
-                          <Button id="open-network-traffic" variant="link" onClick={() => navigate(netflowTrafficPath)}>
+                          <Button
+                            id="open-network-traffic"
+                            data-test-id="open-network-traffic"
+                            variant="link"
+                            onClick={() => navigate(netflowTrafficPath)}
+                          >
                             {t('Open Network Traffic page')}
                           </Button>
                         </FlexItem>

web/src/components/forms/resource-form.tsx

@@ -105,10 +105,22 @@ export const ResourceForm: FC<ResourceFormProps> = ({ uiSchema }) => {
               onClose={() => setOpen(false)}
               footer={
                 <div className="footer">
-                  <Button data-test="time-range-cancel" key="cancel" variant="link" onClick={() => setOpen(false)}>
+                  <Button
+                    id="cancel-delete-popup-button"
+                    data-test-id="cancel-delete-popup-button"
+                    key="cancel"
+                    variant="link"
+                    onClick={() => setOpen(false)}
+                  >
                     {t('Cancel')}
                   </Button>
-                  <Button key="confirm" variant="danger" onClick={() => ctx.onSubmit(data, true)}>
+                  <Button
+                    id="confirm-delete-popup-button"
+                    data-test-id="confirm-delete-popup-button"
+                    key="confirm"
+                    variant="danger"
+                    onClick={() => ctx.onSubmit(data, true)}
+                  >
                     {t('Delete')}
                   </Button>
                 </div>