diff --git a/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx b/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx
index 5e01977d88..bd3f65dcac 100644
--- a/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx
+++ b/awx/ui_next/src/components/Workflow/WorkflowNodeTypeLetter.jsx
@@ -57,7 +57,9 @@ function WorkflowNodeTypeLetter({ node }) {
 
   return (
     <foreignObject y="50" x="-10" height="20" width="20">
-      <NodeTypeLetter>{nodeTypeLetter}</NodeTypeLetter>
+      <NodeTypeLetter id={`node-${node.id}-type-letter`}>
+        {nodeTypeLetter}
+      </NodeTypeLetter>
     </foreignObject>
   );
 }
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.jsx
index b298f028c3..423e347b18 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.jsx
@@ -199,7 +199,7 @@ function VisualizerNode({
         y="1"
       >
         <NodeContents isInvalidLinkTarget={node.isInvalidLinkTarget}>
-          <NodeResourceName>
+          <NodeResourceName id={`node-${node.id}-name`}>
             {node.unifiedJobTemplate
               ? node.unifiedJobTemplate.name
               : i18n._(t`DELETED`)}